Funcţie: Administrator Subiecte : 450 Bani în mână : 1012 Mulţumiri Primite : 23 Localizare : Salaj
 |  Subiect: Tutorial | Tabele la profil  Lun Apr 14, 2014 6:12 pm |
|
| Deschideţi fişierul stylesheet.css şi la ultima linie adăugaţii:
Code: - Cod:
-
.profil{
background:#[codul culorii dorite];
font-size:9px;
padding:5px;
padding-left:8px;
padding-right:8px;
margin-left:0px;
border:1px [sau cat vreti voi]solid #[codul culorii dorite];
text-decoration:none;
De asemenea, dacă doriţi şi câteva efecte în plus când poziţionaţi cursorul mous-ului la profil, atunci adăugaţi o nouă clasă hover care rezultă cam aşa:
Code: - Cod:
-
.profil:hover{ Chiar aici adăugaţi ce detalii să iasă în evidenţă când poziţionaţi cursorul mouse-ului pe profil, puteţi adăuga detaliile de mai sus schimbând doar culoarea backgroundului şi cea a broaderului, sau puteţi face ca broaderul să fie punctat care rezultă cam aşa:
Code: - Cod:
-
border:1px dashed
[înlocuim solid cu dashed] Bun, acum vom intra în viewtopic_body.html şi vom căuta partea de profil, aceasta fiind: Code: - Cod:
-
<td width="100%" height="25"> <table width="100%" cellspacing="0"> <tr> <!-- IF postrow.POST_ICON_IMG --> <td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td> <!-- ENDIF --> <td class="gensmall" width="100%"><div style="float: {S_CONTENT_FLOW_BEGIN};"> <b>{L_POST_SUBJECT}:</b> {postrow.POST_SUBJECT}</div><div style="float: {S_CONTENT_FLOW_END};"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE} </div></td> </tr> </table> </td> </tr> <!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF --> <td valign="top" class="profile"> <table cellspacing="4" align="center" width="150"> <!-- IF postrow.POSTER_AVATAR --> <tr> <td>{postrow.POSTER_AVATAR}</td> </tr> <!-- ENDIF --> </table> Din această parte până la profilul customizat puteţi modifica cum şi unde doriţi să apară clasa de profil pe care am salvato recent în styleshee.css
De exemplu, doriţi să înseraţi această clasă la avatar:
Code: - Cod:
-
<!-- IF postrow.POSTER_AVATAR --> <tr> <td><div class="profil">{postrow.POSTER_AVATAR}</div></td> </tr> <!-- ENDIF --> Doar scrieţi clasa şi închideţi tag-ul. |
|
Ultimele imagini
