Welcome To 4EN3RGY Romania
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!

4en3rgY Romania


Nu sunteti conectat. Conectati-va sau inregistrati-va

Tutorial customizare profil

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

1 Tutorial customizare profil la data de 28/12/2012, 13:32

Descriere: Cu ajutorul acestui tutorial ve-ti avea capacitatea de a realiza un profil customizabil (cu tabel ,cum vreti voi)
Autor: DuByZ
Timp de lucru: in jur de 5 minute
Nivel de dificultate: Easy(Usor)
Fisiere necesare pentru modificat:
  • stylesheet.css
  • viewtopic_obdy.html

    Fisiere de uploadat :
  • Niciunul


[size=150]Let's begin![/size]
Deschideti fisierul stylesheet.css ,cautati ultima linie si dupa ea adaugati

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 ,daca doriti si cateva efecte in plus cand pozitionati cursoul mouse-ului la profil ,atunci adaugati o noua clasa hover si ar rezulta cam asa


Cod:
.profil:hover{

Aici adaugati ce detalii vreti sa iesa in evidenta cand pozitionati cursorul mouse-ului pe profil ,puteti adauga detaliile de mai sus schimband doar culoarea backgroundului si cea a borderului ,sau puteti face borderul sa fie punctat :
border:1px dashed
inlocuind solid cu dashed

Bun ,acum vom intra in viewtopic_body.html si vom cauta partea de profil ,aceasta fiind
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 aceasta parte pana la profilul customizat puteti modifica cum si unde doriti sa apara clasa de profil pe care am salvat-o recent in styleshee.css
De exemplu,doriti sa inserati aceasta clasa la avatar :


{postrow.POSTER_AVATAR}



Doar scrieti clasa si inchideti tag-ul .

Acesta a fost tutorialul ,aveti nelamuriri/sugestii/altceva in legatura cu tutorialul?Postati aici!



Salut Vizitator Ai postat un numar de 0 mesaje
Te-a inscris pe data de
Ultima vizita a fost in
Si sa il salutam pe ciprikaciprik , ultimul membru inregistrat pe 4en3rgY
Respect Vizitator
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Vezi profilul utilizatorului

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum