Ogólna pomoc dotycząca stylów - [dodatek] Wygląd profilu by PatrykSpec
Webspy - 21-12-2011, 10:31
Temat postu: [dodatek] Wygląd profilu by PatrykSpec
Otwieramy templates\nazwa_stylu\viewtopic_body.tpl i szukamy:
| Kod: | | <td align="left" valign="top" class="{postrow.ROW_CLASS}" nowrap="nowrap" width="150"> |
Dodajemy po:
| Kod: | <div class="post_profil">
<span class="post_profil_user">Użytkownik</span> |
Szukamy:
| Kod: | | {postrow.POSTER_AVATAR}<br> |
Po dodajemy:
Szukamy:
| Kod: | | <!– BEGIN custom_fields_avatar –> |
Przed dodajemy:
| Kod: | <div class="post_profil">
<span class="post_profil_user">Informacje</span>
<div class="post_profil_left">
<span class="postdetails"> |
Szukamy:
| Kod: | | <!– END warnings –> |
Po dodajemy:
Otwieramy templates\nazwa_stylu\nazwa_stylu.css i najlepiej na końcu dodajemy:
| Kod: | /* Wygląd ramki */
.post_profil {
border:1px solid; /* ustawienia ramki, dodaj np: "#222" aby ustawić kolor ramki */
margin:5 auto; /* wyśrodkowanie ramki */
width:93%; /* szerokość ramki */
text-align:center; /* wyśrodkowanie zawartości */
-moz-border-radius:6px 6px 6px 6px; /* zaokraglenie ramki działa FF 3.5 */
}
/* Wygląd nagłówka */
.post_profil_user {
border-bottom:1px solid; /* ustawienia ramki, dodaj np: "#222" aby ustawić kolor ramki */
display:block;
padding:3px 0;
color:#006699; /* kolor czcionki */
font-weight:bold; /* pogrubienie czcionki */
}
.post_profil_left {
padding:5px;
text-align:left;} |
Aby dodać obrazek w nagłówku przed napisem "Użytkownik / Informacje" dodaj kod i wrzuć obrazek do katalogu:
| Kod: | | <img src="templates/subSilver/images/twoj_obrazek.png" style="vertical-align: bottom;"> |
Aby dodać tło należy w .post_profil {} dodać wpis | Kod: | | background: #efefef url(images/nazwa_obrazka.jpg); |
Zielek - 21-12-2011, 10:33
Webspy, Nom Dobry dodatek mam go na swojej stronie szybko się go robi i fajnie wygląda .
#Pan Trawka - 21-12-2011, 10:49
Przy okazji 
To:
| Kod: | <div class="post_profil">
<span class="post_profil_user">Użytkownik</span> |
Trzeba zamienić na to:
| Kod: | <div class="post_profil">
<span class="post_profil_user">Użytkownik</span> |
Przynajmniej ja tak mam, inaczej zamiast ż jest dziwny znaczek
Zielek - 21-12-2011, 10:49
#Pan Trawka, Nie wiem dlaczego tak masz ja mam normalnie jak jest na początku i działa .
Webspy - 21-12-2011, 10:50
#Pan Trawka, dzięki poprawione.
#Pan Trawka - 21-12-2011, 10:52
| Zielek napisał/a: | | #Pan Trawka, Nie wiem dlaczego tak masz ja mam normalnie jak jest na początku i działa . |
Czasami taki błąd występuje.
Jeszcze jeden
To:
| Kod: | | <!– BEGIN custom_fields_avatar –> |
Na to:
| Kod: | | <!-- BEGIN custom_fields_avatar --> |
I
To:
| Kod: | | <!– END warnings –> |
Na to:
| Kod: | | <!-- END warnings --> |
edit:
Teraz ja się machnąłem
Webspy - 21-12-2011, 10:54
#Pan Trawka, to już zależy jak zbudowany jest szablon, ale przyda się.
xlesiu - 21-12-2011, 11:37
To nie jest to http://www.przemo.org/php...pic.php?t=97978
gaget3 - 21-12-2011, 11:42
Nie chce spamować, ale to mi wygląda na to samo.
Webspy - 21-12-2011, 11:43
xlesiu, owszem to jest to, ale jak widzisz tamten temat jest już stary i mało kto wiedział o jego istnieniu.
I przy okazji lepiej opisałem oraz poprawiłem błędy.
devil_dwight - 21-12-2011, 17:29
ma ktos te ikonki przy uzytkowniku i informacjach zeby wyslac?
xlesiu - 21-12-2011, 17:41
To chyba te
devil_dwight - 21-12-2011, 18:11
dziekuje bardzo
uG.LegioN - 21-12-2011, 19:15
Mi się tam podoba. Oceniam go na 3,5/5.
DiKeyTV - 21-05-2012, 12:09
Ja tylko dałem to w css, i to wszystko
tylko to
| Cytat: | /* Wygląd ramki */
.post_profil {
border:1px solid; /* ustawienia ramki, dodaj np: "#222" aby ustawić kolor ramki */
margin:5 auto; /* wyśrodkowanie ramki */
width:93%; /* szerokość ramki */
text-align:center; /* wyśrodkowanie zawartości */
-moz-border-radius:6px 6px 6px 6px; /* zaokraglenie ramki działa FF 3.5 */
}
/* Wygląd nagłówka */
.post_profil_user {
border-bottom:1px solid; /* ustawienia ramki, dodaj np: "#222" aby ustawić kolor ramki */
display:block;
padding:3px 0;
color:#006699; /* kolor czcionki */
font-weight:bold; /* pogrubienie czcionki */
}
.post_profil_left {
padding:5px;
text-align:left;} |
i mi działa reszty nie dodawałem 
|
|
|
