ipsTree România

Gestiunile codurilor HTML şi CSS pe ForumGratuit

Găsi toate resursele de care aveți nevoie pentru a merge din discuția la ghiduri

Sign In

Don't have an account? Sign Up
Ultimele subiecte
» Cfg Super Strafe Furien
Joi 9 Feb - 18:29 Scris de user04

» Elemente suplimentare pentru titlu
Mar 7 Feb - 12:10 Scris de SySty!.™

» Informatii Echipa de gestionare
Mar 7 Feb - 9:20 Scris de Ionut.™

» Punbb Tema DevilExtrem IPB 2015
Lun 6 Feb - 20:46 Scris de Ionut.™

» aseaeqweqweqweqwe
Dum 5 Feb - 15:51 Scris de Sn!k3rs


Ionut.™

Administrators

la data de Lun 18 Iul - 10:52

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!

Ionut.™

Administrators

la data de Mar 23 Aug - 14:47

Topic mutat din arhiva





rpgwars.ml sau www.rpgwars.ml Forum Professional!

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum