Jump to content

Welcome to RpgWars România
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!



Foto

Gestiunile codurilor HTML şi CSS pe ForumGratuit




    No replies to this topic

    #1
    OfflineIonut.™

    Administrator
    Member Title : Powered by RpgWars# Romania
    Posts : 770
    warning points : 0 puncte de avertizare
    Puncte : 1415
    Salut şi bine ai venit la acest tutorial, pun pariu că mulţi dintre voi vreţi să vă faceţi o temă IPB pentru forumgratuit dar nu ştiţii? ei bine eu o să vă arat pas cu pas cum se procedează, urmaţii paşii cu multă atenţie!

    1. Primul pass constă în căutarea temei preferate de exemplu www.blabla.ro ...
    2. Inraţi pe forumul dvs. de preferat în Panoul de control - Afişare - Alege tema - Versiune - Schimbă versiunea în punBB, este foarte uşor de făcut o temă IPB pe această versiune.
    3. Vă trebuie forumul de pe care vreţi să copiaţi tema - forumul dvs. şi tot forumul dvs dar de data asta să fie în Panoul de administrare deci vă trebuie 3 pagini.
    4. Intraţi la template-uri.
    5. Acum este pasul cel mai important dacă nu vreţi să copiaţi şi să debugaţi codurile CSS atunci vă trebuie o adresă cu codurile CSS şi o să vă arat acum cum se face
    - intrati pe https://googledrive.com/ trebuie să fiţi conectat !
    - daţi pe Nou şi încărcaţi fişier acum pentru a încărca pagina css trebuie să va duceţi pe forumu cu tema preferată daţi click dreapta pe forum şi apoi View page source o să vă apară forumu într-o pagină HTML acum căutaţi codul css a temei de exemplu

    Cod:

     <link rel="stylesheet" type="text/css" media='screen,print' href="http://blabla.ro/forum/public/min/index.php?ipbv=b71ec25f42e359d2f6077c8683a974c4&f=public/style_css/css_21/ipb_help.css,public/style_css/css_21/calendar_select.css,public/style_css/css_21/ipb_common.css,public/style_css/css_21/ipb_styles.css,public/style_css/css_21/vips.css,public/style_css/css_21/ipshoutbox.css" />
     
    daţi click pe el şi o să vă apară css-ul temei acuma trebuie să daţi click pe css-ul temei apasaţi pe Save as.... iar la File name trebuie sa puneti numele forumului dvs.css şi salvaţi.
    - revenim la googledriver acum puteţi să faceţi paşii de sus !
    După încărcare în dreapta vă apare un tablou cu titlu (S-a încărcat un element) şi daţi X
    - acuma css-ul îl aveţi în googledriver duceţivă cu săgeata pe tabloul unde scrie forumul dvs.css şi daţi click dreapta acolo trebuie să selectaţi Trimite, vă apare o fereastră daţi la avansat unde scrie Privat – numai dvs. puteți accesa articolul daţi la modificaţi şi selecţati Activat - Public apoi Salvaţi.
    Dar atenţie codurile conţin buguri grave care vă poate afecta forumu
    - pentru modificarea css-ului din googledriver daţi click dreapta pe tabloul css-ului - Deschideti cu... CSS Editey.
    - pentru aranjarea codurilor css daţi click pe Edit - Format Code şi gata sunt aranjate.
    - cum să obţinem adresa de cod - scrieti pe alta bagina google sus https://googledrive.com/host/codul de la CSS Editey adică asta este adresa de la CSS Editey http://css.editey.com/file/0B8cBIziAUZ4FV3dwc3FpbjhYNXM eliminaţi http://css.editey.com/file/ si adăugaţi https://googledrive.com/host/ şi veţi obţine https://googledrive.com/host/0B8cBIziAUZ4FV3dwc3FpbjhYNXM

    Bine acum duceţivă în Panoul de administrare la template-uri în Overall_header tumai jos adăugaţi

    Acum cum să faceţi un template după ce aţi făcut paşii de sus urmează partea grea.

    1. Intraţi în Panou la template-uri - copiaţi index_box intr-un notepad
    2. Intraţi pe forumu cu tema preferată, o să vă demonstrez cum se face un template adică doar index_box bine
    3. Daţi click dreapta pe forum si selectaţi view source , acum găsiţi linia
    Cod:
    <div id='category_1' class='category_block block_wrap'>
    şi copiaţi tot pănâ la închiderea codurilor exemplu:
    Cod:
    <div id='category_1' class='category_block block_wrap'>
    <h3 class='maintitle'>
    <a class='toggle right' href='#' title="Comută această categorie">Comută această categorie</a> <a href="http://pawno.ro/index.php?/forum/1-comunitate/" title='Vezi categorie'>Comunitate</a>
    </h3><div class='border'>
    <div class='ipsBox table_wrap removeDefault'>
    <div class='ipsBox_container'>
    <table class='ipb_table' summary="Forumuri din categorie 'Comunitate'">
    <tr class='header hide'>
    <th scope='col' class='col_c_icon'> </th>
    <th scope='col' class='col_c_forum'>Forum</th>
    <th scope='col' class='col_c_stats stats'>Stare</th>
    <th scope='col' class='col_c_post'>Info ultimul post</th>
    </tr>
    <tr class='notnew'>
    <td class='col_c_icon'>
    <img src='http://pawno.ro/public/style_images/pawnoimgs/f_iconpown.png'/>
    </td>
    <td class='col_c_forum'>
    <h4 class='forum_name'>
    <strong class='highlight_unread'><a href="http://pawno.ro/index.php?/forum/215-tutoriale-şi-resurse-comenzi-sisteme/" title='Tutoriale şi Resurse (Comenzi, Sisteme)'>Tutoriale şi Resurse (Comenzi, Sisteme)</a></strong>
    </h4>
    <p class='desc forum_desc'>Aici puteţi găsi tutoriale pentru incepători şi alte comenzi sau sisteme gata făcute.</p>
    <ol class='ipsList_inline ipsType_small subforums2' id='subforums_215'></ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums' id='subforums_215'></ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/216-tutoriale-ghiduri/" title='Mergi la forum'>Tutoriale & Ghiduri</a></li>
    </ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/217-comenzi/" title='Mergi la forum'>Comenzi</a></li>
    </ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/218-sisteme/" title='Mergi la forum'>Sisteme</a></li>
    </ol>
    </td>
    <td class='col_c_stats ipsType_small'>
    <ul>
    <li>
    <div class="forumotv"><small>836</small></div></li>
    <li><div class="forumtem"><small>108</small></div></li>
    </ul>
    </td>
    <td class='col_c_post'>
    <div class='left'>
    <img src='http://pawno.ro/public/style_images/pawnoimgs/profile/default_large.png' alt='Învață cum să folosesti o a... - ultimul post de Toder' class='ipsUserPhoto ipsUserPhoto_mini'/>
    </div>
    <ul class='last_post ipsType_small'>
    <li>
    <span class='highlight_unread'><a href='http://pawno.ro/index.php?/topic/3550-învață-cum-să-folosesti-o-arhivă-flood-o-arhivă-de-1gbs-pentru-voi/' title='Învață cum să folosesti o arhivă flood, + o arhivă de 1gb/s pentru voi :) .'>Învață cum să folosesti o a...</a></span>
    </li>
    <li>
    <span class='desc lighter blend_links'>
    <a href='http://pawno.ro/index.php?/topic/3550-învață-cum-să-folosesti-o-arhivă-flood-o-arhivă-de-1gbs-pentru-voi/?view=getlastpost' title='Vezi ultimul post'>Astăzi, 17:15 </a>
    </span>
    De
    <span style='color:gray'>Toder</span>
    </li>
    </ul>
    </td>
    </tr>
    </table>
    </div>
    </div>
    </div>
    <br/>
    </div>
    Aşa acum băgaţi codul de mai sus intr-un notepad
    4. Stergeţi tot din index_box şi adăugaţi acest cod :
    Cod:
    <div id='category_1' class='category_block block_wrap'>
    <h3 class='maintitle'>
    <a class='toggle right' href='#' title="Comută această categorie">Comută această categorie</a> <a href="http://pawno.ro/index.php?/forum/1-comunitate/" title='Vezi categorie'>Comunitate</a>
    </h3><div class='border'>
    <div class='ipsBox table_wrap removeDefault'>
    <div class='ipsBox_container'>
    <table class='ipb_table' summary="Forumuri din categorie 'Comunitate'">
    <tr class='header hide'>
    <th scope='col' class='col_c_icon'> </th>
    <th scope='col' class='col_c_forum'>Forum</th>
    <th scope='col' class='col_c_stats stats'>Stare</th>
    <th scope='col' class='col_c_post'>Info ultimul post</th>
    </tr>
    <tr class='notnew'>
    <td class='col_c_icon'>
    <img src='http://pawno.ro/public/style_images/pawnoimgs/f_iconpown.png'/>
    </td>
    <td class='col_c_forum'>
    <h4 class='forum_name'>
    <strong class='highlight_unread'><a href="http://pawno.ro/index.php?/forum/215-tutoriale-şi-resurse-comenzi-sisteme/" title='Tutoriale şi Resurse (Comenzi, Sisteme)'>Tutoriale şi Resurse (Comenzi, Sisteme)</a></strong>
    </h4>
    <p class='desc forum_desc'>Aici puteţi găsi tutoriale pentru incepători şi alte comenzi sau sisteme gata făcute.</p>
    <ol class='ipsList_inline ipsType_small subforums2' id='subforums_215'></ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums' id='subforums_215'></ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/216-tutoriale-ghiduri/" title='Mergi la forum'>Tutoriale & Ghiduri</a></li>
    </ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/217-comenzi/" title='Mergi la forum'>Comenzi</a></li>
    </ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/218-sisteme/" title='Mergi la forum'>Sisteme</a></li>
    </ol>
    </td>
    <td class='col_c_stats ipsType_small'>
    <ul>
    <li>
    <div class="forumotv"><small>836</small></div></li>
    <li><div class="forumtem"><small>108</small></div></li>
    </ul>
    </td>
    <td class='col_c_post'>
    <div class='left'>
    <img src='http://pawno.ro/public/style_images/pawnoimgs/profile/default_large.png' alt='Învață cum să folosesti o a... - ultimul post de Toder' class='ipsUserPhoto ipsUserPhoto_mini'/>
    </div>
    <ul class='last_post ipsType_small'>
    <li>
    <span class='highlight_unread'><a href='http://pawno.ro/index.php?/topic/3550-învață-cum-să-folosesti-o-arhivă-flood-o-arhivă-de-1gbs-pentru-voi/' title='Învață cum să folosesti o arhivă flood, + o arhivă de 1gb/s pentru voi :) .'>Învață cum să folosesti o a...</a></span>
    </li>
    <li>
    <span class='desc lighter blend_links'>
    <a href='http://pawno.ro/index.php?/topic/3550-învață-cum-să-folosesti-o-arhivă-flood-o-arhivă-de-1gbs-pentru-voi/?view=getlastpost' title='Vezi ultimul post'>Astăzi, 17:15 </a>
    </span>
    De
    <span style='color:gray'>Toder</span>
    </li>
    </ul>
    </td>
    </tr>
    </table>
    </div>
    </div>
    </div>
    <br/>
    </div>
    Vedeţi diferenţa ? Este fix ca acolo dar codul încă nu-i funcţionabil deci hai să îl facem funcţionabil !
    5. Acum intraţi în notepad-ul cu template-ul index_box şi adăugaţi aceste coduri
    Cod:

    <!-- BEGIN catrow -->
      {catrow.tablehead.L_FORUM}
    <!-- BEGIN tablehead -->
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    {catrow.forumrow.FORUM_NAME}
    {catrow.forumrow.U_VIEWFORUM}
    {catrow.forumrow.FORUM_DESC}
    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
    {catrow.forumrow.TOPICS}
    {catrow.forumrow.POSTS}
      <!-- BEGIN avatar -->
      <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar --> 
     <!-- BEGIN forumrow -->
    <!-- BEGIN switch_topic_title -->
    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
    <!-- END switch_topic_title -->
    {catrow.forumrow.USER_LAST_POST}
    apoi puteţi să ştergeti tot notepad-ul aveşi nevoie doar de aceste coduri
    Cod:

    6. Adăugaţi prima dată sus - <!-- BEGIN catrow -->  jos-<!-- END catrow --> apoi deasupra la <!-- BEGIN catrow --> adăugaţi <!-- BEGIN tablehead --> şi la sfârşitul codului </tr> acest cod adaugatil <!-- END tablehead -->  acum sub <!-- BEGIN tablehead --> adăugaţi <!-- BEGIN forumrow --> iar tumai jos sub </tr> adăugaţi <!-- END forumrow --> acum schimbaţi Comunitate cu acest cod  {catrow.tablehead.L_FORUM} bine acuma căutaţi linia <td class='col_c_icon'> inlocuiti <img src='http://pawno.ro/public/style_images/pawnoimgs/f_iconpown.png'/> cu <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> cautaţi <a href="http://pawno.ro/index.php?/forum/215-tutoriale-şi-resurse-comenzi-sisteme/" title='Tutoriale şi Resurse (Comenzi, Sisteme)'>Tutoriale şi Resurse (Comenzi, Sisteme)</a> adăugaţi acest cod la href="{catrow.forumrow.U_VIEWFORUM}" şi unde scrie Tutoriale şi Resurse (Comenzi, Sisteme) adăugaţi {catrow.forumrow.FORUM_NAME} unde scrie Aici puteţi găsi tutoriale pentru incepători şi alte comenzi sau sisteme gata făcute. adăugaţi {catrow.forumrow.FORUM_DESC} stergeţi toata partea aceasta <ol class='ipsList_inline ipsType_small subforums2' id='subforums_215'></ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_215'><li>
    </ol> <ol class='ipsList_inline ipsType_small subforums' id='subforums_215'></ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/216-tutoriale-ghiduri/" title='Mergi la forum'>Tutoriale & Ghiduri</a></li>
    </ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/217-comenzi/" title='Mergi la forum'>Comenzi</a></li>
    </ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_215'><li><a href="http://pawno.ro/index.php?/forum/218-sisteme/" title='Mergi la forum'>Sisteme</a></li>
    </ol> şi adăugaţi {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} căutaţi 836 sau număru de mesaje si posturi
    836 - înlocuiţi cu {catrow.forumrow.TOPICS} şi la 108 cu {catrow.forumrow.POSTS} acum ştergeţi acest cod
    <div class='left'>
    <img src='http://pawno.ro/public/style_images/pawnoimgs/profile/default_large.png' alt='Învață cum să folosesti o a... - ultimul post de Toder' class='ipsUserPhoto ipsUserPhoto_mini'/>
    </div>
    <ul class='last_post ipsType_small'>
    <li>
    <span class='highlight_unread'><a href='http://pawno.ro/index.php?/topic/3550-învață-cum-să-folosesti-o-arhivă-flood-o-arhivă-de-1gbs-pentru-voi/' title='Învață cum să folosesti o arhivă flood, + o arhivă de 1gb/s pentru voi :) .'>Învață cum să folosesti o a...</a></span>
    </li>
    <li>
    <span class='desc lighter blend_links'>
    <a href='http://pawno.ro/index.php?/topic/3550-învață-cum-să-folosesti-o-arhivă-flood-o-arhivă-de-1gbs-pentru-voi/?view=getlastpost' title='Vezi ultimul post'>Astăzi, 17:15 </a>
    </span>
    De
    <span style='color:gray'>Toder</span>
    </li>
    </ul> şi înlocuiţi cu
    <td class="col_c_post">
    <!-- BEGIN avatar -->
     <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
     <!-- END avatar --> 
    <span>
    <!-- BEGIN switch_topic_title -->
    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
    <!-- END switch_topic_title -->
    {catrow.forumrow.USER_LAST_POST}
    Exemplu:

    Cod:

    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div id='category_1' class='category_block block_wrap'>
    <h3 class='maintitle'>
    <a class='toggle right' href='#' title="Comută această categorie">Comută această categorie</a> <a href="http://pawno.ro/index.php?/forum/1-comunitate/" title='Vezi categorie'>  {catrow.tablehead.L_FORUM}</a>
    </h3><div class='border'>
    <div class='ipsBox table_wrap removeDefault'>
    <div class='ipsBox_container'>
    <table class='ipb_table' summary="Forumuri din categorie 'Comunitate'">
    <tr class='header hide'>
    <th scope='col' class='col_c_icon'>&nbsp;</th>
    <th scope='col' class='col_c_forum'>Forum</th>
    <th scope='col' class='col_c_stats stats'>Stare</th>
    <th scope='col' class='col_c_post'>Info ultimul post</th>
    </tr>
    <!-- END tablehead -->

    <tr class='notnew'>
    <td class='col_c_icon'>
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </td>
    <td class='col_c_forum'>
    <h4 class='forum_name'>
    <strong class='highlight_unread'><a href="{catrow.forumrow.U_VIEWFORUM}" title='Tutoriale şi Resurse (Comenzi, Sisteme)'>{catrow.forumrow.FORUM_NAME}</a></strong>
    </h4>
    <p class='desc forum_desc'>{catrow.forumrow.FORUM_DESC}</p>
    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
    </td>
    <td class='col_c_stats ipsType_small'>
    <ul>
    <li>
    <div class="forumotv"><small>{catrow.forumrow.TOPICS}</small></div></li>
    <li><div class="forumtem"><small>{catrow.forumrow.POSTS}</small></div></li>
    </ul>
    </td>
    <td class='col_c_post'>
    <td class="col_c_post">
                                                    <!-- BEGIN avatar -->
                                                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                                       
                                                        <!-- END avatar --> 
                         <span>
                                                       
                         <!-- BEGIN switch_topic_title -->
                         <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                         <!-- END switch_topic_title -->
                         {catrow.forumrow.USER_LAST_POST}
    </td>
    </tr>
    <!-- END forumrow -->
    </table>
    </div>
    </div>
    </div>
    <br/>
    </div>
    <!-- END catrow -->


    Dacă vreţi ajutor lăsaţi un mesaj aici





    rpgwars.ml sau www.rpgwars.ml Forum Professional!
    Vezi profilul utilizatorului http://forums.rpgwars.net

    #2
    OfflineIonut.™

    Administrator
    Member Title : Powered by RpgWars# Romania
    Posts : 770
    warning points : 0 puncte de avertizare
    Puncte : 1415
    Topic mutat din arhiva





    rpgwars.ml sau www.rpgwars.ml Forum Professional!
    Vezi profilul utilizatorului http://forums.rpgwars.net


    In total sunt 0 utilizatori conectati: 0 Inregistrati, 0 Invizibil si 0 Vizitatori

    Utilizatori ce navigheaza in acest forum: Nici unul



     
    • creeaza un forum | © PunBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Creeaza-ti blogul tau gratuit