Webboard

Zrobiłem na forum okrągłe awatary tj.
w css:

.Photo {

    padding: 1px;

   border: 1px solid #d5d5d5;

   background: #fff;

   border-radius: 100px;

   -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

   -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

   box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

}

   .PhotoLink:hover .Photo {

       border-color: #7d7d7d;

   }

   .Photo_large { max-width: 90px; max-height: 90px; }

i w szablonach zmieniłem:

Kod PHP:
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} /></a> 

Kod PHP:
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} class='Photo Photo_large' /></a> 

Teraz pytanie, jak wyśrodkować i powiększyć takowy awatar?
Nie wyświetla również domyślnego awataru. [attachment=12262]

spróbuj tak

<a href="{$post['profilelink_plain']}"><center><img src="{$post['avatar']}" alt="" {$avatar_width_height} class='Photo Photo_large' /></a>

.Photo {

    padding: 1px;

   border: 1px solid #d5d5d5;

   background: #fff;

   border-radius: 0px;

   -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

   -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

   box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

   width: 125px;

   height: 125px;

}

Do najbliższego rodzica, który jest elementem blokowym nadaj text-align: center;.

tag center nie jest znacznikiem HTML5 i nie powinno się go używać.

Kupsko

DaFi

Divir