Games-Portal


Bun venit pe Colorful Life, Guest !
Pentru a beneficia de toate serviciile forumului va recomandam sa va Inregistrati si/sau sa va Conectati !
Recomandam browser-ele:

HomeHome  PortalPortal  CalendarCalendar  GalleryGallery  FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  RegisterRegister  Log inLog in  


 





Multi-Forum Tutorial -(Forumgratuit)


avatar
Rang: Administrator

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 778
Reputaţie Reputaţie : 6
Data de inscriere Data de inscriere : 2011-03-07
Credite Credite : 32832



View user profile

PostSubject: Multi-Forum Tutorial -(Forumgratuit) Tue Jun 28, 2011 12:23 am

Multi-Forum Tutorial -(Forumgratuit)


Ştiu că toţi vor să aibă 4 forumuri în 1 forum (multi forum), asa ca va voi arata cum Smile

Demo: [You must be registered and logged in to see this image.]
Ti-a placut nu-i asa ? Wink

Pasul 1: Intra in P.A=>General=>Categorii si forumuri, creeati o categorie noua si apoi atasati la aceasta inca un forum( apasnd pe [You must be registered and logged in to see this image.] )

Pasul 2:Sa incepem:
*La Numele forumului : Ex: Primul forum
*La Adresa imaginii : puneti link-ul urmator: [You must be registered and logged in to see this link.]
*La Descriere : Puneti urmatoarele coduri:

Code:
 <style type="text/css">
#icons {padding:0; margin:0 auto; list-style:none; position:relative; width:270px; height:270px;}
#icons ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:140px; height:140px; background:url(trans.png);}
#icons li {display:block; width70px; height:64px; position:absolute; text-decoration:none; color:#000;}
 
#icons li a {display:block; width:64px; height:64px; text-decoration:none; color:#000;}
#icons li a b {position:absolute; left:-9999px; display:block; width:58px; height:25px; text-align:center; font-family:arial, sans-serif; font-size:12px;}
#icons li.icon1 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/announ10.png); left:100px; top:0;}
#icons li.icon2 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/rules10.png); left:170px; top:30px;}
#icons li.icon3 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/sugges10.png); left:200px; top:100px;}
#icons li.icon4 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/group10.png); left:170px; top:170px;}
#icons li.icon5 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/record11.png); left:100px; top:200px;}
#icons li.icon6 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/user13.png); left:30px; top:170px;}
#icons li.icon7 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/apply_10.png); left:0; top:100px;}
#icons li.icon8 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/blackl10.png); left:30px; top:30px;}
 
#icons li a:hover {border:0; z-index:500;}

#icons li.icon1 a:hover b, #icons li.home:hover b {left:-10px; top:125px; color:#61b024;}
#icons li.icon2 a:hover b, #icons li.pencil:hover b {left:-65px; top:95px; color:#61b024;}
#icons li.icon3 a:hover b, #icons li.chat:hover b {left:-95px; top:25px; color:#61b024;}
#icons li.icon4 a:hover b, #icons li.image:hover b {left:-65px; top:-45px; color:#61b024;}
#icons li.icon5 a:hover b, #icons li.shop:hover b {left:5px; top:-75px; color:#61b024;}
#icons li.icon6 a:hover b, #icons li.cash:hover b {left:75px; top:-45px; color:#61b024;}
#icons li.icon7 a:hover b, #icons li.music:hover b {left:105px; top:25px; color:#61b024;}
#icons li.icon8 a:hover b, #icons li.mail:hover b {left:70px; top:95px; color:#61b024;}

</style>

Code:
 <ul id="icons">
  <li class="icon1"><a href="#Link"><b>Titlu</b></a>
        </li>
        <li class="icon2"><a href="#Link"><b>Titlu</b></a>
  </li>
  <li class="icon3"><a href="#Link"><b>Titlu</b></a>
  </li>
  <li class="icon4">
<a href="#Link"><b>Titlu</b></a>

  </li>
  <img style="fade"><li class="icon5"><a href="#Link"><b>Titlu</b></a></img>
  </li>
  <li class="icon6"><a href="#Link"><b>Titlu</b></a>
  </li>
  <li class="icon7"><a href="#Link"><b>Titlu</b></a>
  </li>
  <li class="icon8"><a href="#Link"><b>Titlu</b></a>
  </li>

</ul>

Ajutor modificari
Code:
 <ul id="icons">
  <li class="icon1"><a href="#Link"><b>Titlu</b></a>
        </li>
        <li class="icon2"><a href="#Link"><b>Titlu</b></a>
  </li>
  <li class="icon3"><a href="#Link"><b>Titlu</b></a>
  </li>
  <li class="icon4">
<a href="#Link"><b>Titlu</b></a>

  </li>
  <img style="fade"><li class="icon5"><a href="#Link"><b>Titlu</b></a></img>
  </li>
  <li class="icon6"><a href="#Link"><b>Titlu</b></a>
  </li>
  <li class="icon7"><a href="#Link"><b>Titlu</b></a>
  </li>
  <li class="icon8"><a href="#Link"><b>Titlu</b></a>
  </li>

</ul>
In loc de Titlu treceti titlul viitorului nume cand veti pune mouse-ul pe iconita:)
In loc de #Link Inlocuiti cu link-ul de redirectionare Razz
In loc de iconitele din codul urmator puneti alte iconite daca doriti Razz

Code:
#icons li.icon1 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/announ10.png); left:100px; top:0;}
#icons li.icon2 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/rules10.png); left:170px; top:30px;}
#icons li.icon3 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/sugges10.png); left:200px; top:100px;}
#icons li.icon4 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/group10.png); left:170px; top:170px;}
#icons li.icon5 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/record11.png); left:100px; top:200px;}
#icons li.icon6 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/user13.png); left:30px; top:170px;}
#icons li.icon7 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/apply_10.png); left:0; top:100px;}
#icons li.icon8 {background:url(http://i27.servimg.com/u/f27/15/27/78/65/blackl10.png); left:30px; top:30px;}

Asta a fost tot! Enjoy :clovn:

[You must be registered and logged in to see this image.]In atentia Copiatorilor:
• Tutorial creat de Crazy
All rights reserved.
[You must be registered and logged in to see this image.]
Va dorim o navigare placuta! Echipa Extrem Tutorials cu respect Crazy
_______________________________














avatar
Rang: Membru-Activ

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 471
Reputaţie Reputaţie : 29
Data de inscriere Data de inscriere : 2011-05-07
Credite Credite : 29039



View user profile

PostSubject: Re: Multi-Forum Tutorial -(Forumgratuit) Tue Jun 28, 2011 1:18 am

Foarte folositor tutorial.













avatar
Rang: Membru-Activ

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 151
Reputaţie Reputaţie : 0
Data de inscriere Data de inscriere : 2011-06-26
Credite Credite : 27462



View user profile

PostSubject: Re: Multi-Forum Tutorial -(Forumgratuit) Tue Jun 28, 2011 1:20 am

Bravo un tutorial,foarte frumos si bine organizat !













avatar
Rang: Membru

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 25
Reputaţie Reputaţie : 0
Data de inscriere Data de inscriere : 2011-05-20
Credite Credite : 27838



View user profile

PostSubject: Re: Multi-Forum Tutorial -(Forumgratuit) Wed Jul 06, 2011 9:39 am

Frumos Tutorial













avatar
Rang: Membru-Activ

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 235
Reputaţie Reputaţie : 2
Data de inscriere Data de inscriere : 2011-05-12
Credite Credite : 28870



View user profile

PostSubject: Re: Multi-Forum Tutorial -(Forumgratuit) Wed Jul 06, 2011 10:16 am

bun ..
dar am o intrebare
nu pot aplica codul la subforumuri?













avatar
Rang: Moderator

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 161
Reputaţie Reputaţie : 0
Data de inscriere Data de inscriere : 2011-05-12
Credite Credite : 28984



View user profile

PostSubject: Re: Multi-Forum Tutorial -(Forumgratuit) Wed Jul 06, 2011 11:51 am

fraNNNta, Te rog sa comentezi in minim 3 cuvinte. Daca se mai intampla o sa fiu nevoit sa acord warn!













avatar
Rang: Membru

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 25
Reputaţie Reputaţie : 0
Data de inscriere Data de inscriere : 2011-05-20
Credite Credite : 27838



View user profile

PostSubject: Re: Multi-Forum Tutorial -(Forumgratuit) Fri Jul 08, 2011 8:52 am

stiu venom,este aceasi regula pe toate forumurile facute de voi.dar uneori mai uit si eu













avatar
Rang: Membru

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 4
Reputaţie Reputaţie : 0
Data de inscriere Data de inscriere : 2011-06-18
Credite Credite : 27354



View user profile

PostSubject: Re: Multi-Forum Tutorial -(Forumgratuit) Sat Jul 23, 2011 1:28 pm

Tutorial ... asta e luat de la englezi de la forumul 24h dar acum nu mai au categorile asa.Doamne ne place sa furam de la englez si evident acum o sa iau avertisment pentru ca Administratorul e suparat ca l-am dat de gol asa se intampla oriunde... ce ne am face fara englezii












Sponsored content


Rang:





PostSubject: Re: Multi-Forum Tutorial -(Forumgratuit)



















Free forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com