Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Data/ora curentă este: Joi Mai 02, 2024 11:38 pm

2 rezultate gasite pentru f9f9f9

script subiecte si mesaje

edy_89 a scris:Acest script il am pe forum, eu vreau ambele intr-un chenar


vroiam să-ți zic să intri după PC, dar hai că te ajut eu...
Caută:
Cod:
 
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>

înlocuiește cu:
Cod:
 
<tr>
        <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>

apoi caută:
Cod:
 
<td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

înlocuiește cu:
Cod:
 
<td class="row2" align="left" valign="middle" height="45">
        <div class="stats" style="width: 90px"><span class="gensmall">
        <font color="#465361">Subiecte<div class="stats1">{catrow.forumrow.TOPICS}</div></font></span></div>
        <div class="stats" style="width: 90px"><span class="gensmall">
        <font color="#465361">Mesaje<div class="stats1">{catrow.forumrow.POSTS}</div></font></span></div>
      </td>
       
      <td class="row3 over" align="left" valign="middle">
        <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
        <div class="stats" style="width: 200px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
    </td>

Apăsați pe Inregistrare și după pe Adauga .
După te duci în foaia de still CSS , și adaugi jos de tot:
Cod:
 
.stats{
  border: solid 1px #adadad;
  padding: 4px;
  margin-bottom: 2px;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.10);
}
.stats font{color: #777 !important;}
.stats1{
  float: right;
  height: 0px;
  font-weight: bold;
}
.lastpost-avatar {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
}

Explicarea codurilor css:
color: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] !important; - ce este marcat cu rosu reprezinta culoarea textului, aceasta poate fi inlocuita cu cea dorita.

background: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]; - ce este marcat cu verde reprezinta culoarea de fundal, aceasta poate fi inlocuita cu cea dorita sau poate fi dezactivata pur si simplu prin simpla inlocuire a culorii cu transparent.

border: solid 1px [Trebuie sa fiti inscris si conectat pentru a vedea acest link]; - ce este marca cu albastru reprezinta culoarea chenarului, aceasta poate fi inlocuita cu cea dorita.

O lista de culori puteti gasi in acest ghid:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Si asta a fost tot! Banana
Scris de Mihai
la data de Sam Mar 19, 2016 12:13 am
 
Cauta in: Cos de gunoi
Subiect: script subiecte si mesaje
Raspunsuri: 20
Vizualizari: 5584

Chenar elegant pentru statisticile unei categorii si ultimul mesaj ~ phpBB2

Chenar elegant pentru statisticile unei categorii si ultimul mesaj ~ phpBB2


Bun gasit,

Datorita numarului de solicitari din partea dumneavoastra in suport, in minutele urmatoare am sa va arat cum puteti personaliza statisticile si ultimele mesaje ale categoriilor, totul in 3 pasi simpli. In tutorialul de astazi vom efectua modificari in template-ul index_box si foaia de stil css, urmand ca in final, sa admiram rezultatul mult dorit. Pasii din acest tutorial sunt valabili doar pentru versiunea phpBB2, deci haideti sa incepem.  Foarte fericit 

Demonstratie:
Tag f9f9f9 pe Forum gratuit: forum de suport al utilizatorilor Sywc46

Tag f9f9f9 pe Forum gratuit: forum de suport al utilizatorilor 09615175839

1. Setari necesare in panou:

Intrati in Panou de administrare => Afisare => Pagina de start => Structura si ierarhie => Ierarhie:
Afisati titlul subiectului ultimului mesaj, la index : Bifati Da
Afiseaza avatarele in coloana "Ultimele mesaje" : Bifati Da
Urmand ca imediat dupa sa apasati pe  Inregistrare .


Tag f9f9f9 pe Forum gratuit: forum de suport al utilizatorilor 09615175839

2. Modificari in template-ul index_box:

Intrati in Panou de administrare => Afisare => Template-uri => General => index_box:


Cautati:
Cod:
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>


Inlocuiti cu:
Cod:
<tr>
        <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>


Cautati:
Cod:
<td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>


Inlocuiti cu:
Cod:
<td class="row2" align="left" valign="middle" height="45">
         <div class="stats" style="width: 90px"><span class="gensmall">
         <font color="#465361">Subiecte<div class="stats1">{catrow.forumrow.TOPICS}</div></font></span></div>
         <div class="stats" style="width: 90px"><span class="gensmall">
         <font color="#465361">Mesaje<div class="stats1">{catrow.forumrow.POSTS}</div></font></span></div>
       </td>
        
      <td class="row3 over" align="left" valign="middle">
        <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
        <div class="stats" style="width: 200px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
     </td>


* Inregistrati si publicati template-ul.

Tag f9f9f9 pe Forum gratuit: forum de suport al utilizatorilor 09615175839

3. Modificari in foaia de stil css:

Intrati in Panou de administrare => Afisare => Imagini si culori => Culori => Foaie de stil css:


Adaugati:
Cod:
.stats{
  border: solid 1px #adadad;
  padding: 4px;
  margin-bottom: 2px;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.10);
}

.stats font{color: #777 !important;}

.stats1{
  float: right;
  height: 0px;
  font-weight: bold;
}

.lastpost-avatar {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
}


Explicarea codurilor css:
color: #777 !important; - ce este marcat cu rosu reprezinta culoarea textului, aceasta poate fi inlocuita cu cea dorita.

background: #f9f9f9; - ce este marcat cu verde reprezinta culoarea de fundal, aceasta poate fi inlocuita cu cea dorita sau poate fi dezactivata pur si simplu prin simpla inlocuire a culorii cu transparent.

border: solid 1px #adadad; - ce este marca cu albastru reprezinta culoarea chenarului, aceasta poate fi inlocuita cu cea dorita.

O lista de culori puteti gasi in acest ghid:
https://help.forumgratuit.ro/t15-coduri-culori

Si asta a fost tot!  Banana 

Tutorial realizat de Zeus, actualizat de catre Petronel
Numai bine,
Echipa Forumgratuit
Scris de Zeus
la data de Mier Iul 09, 2014 9:45 pm
 
Cauta in: Tutoriale
Subiect: Chenar elegant pentru statisticile unei categorii si ultimul mesaj ~ phpBB2
Raspunsuri: 0
Vizualizari: 6608

Sus

Mergi direct la: