PlayOn
 |  Subject: 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 
Demo: [You must be registered and logged in to see this image.]
Ti-a placut nu-i asa ? 
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 
In loc de iconitele din codul urmator puneti alte iconite daca doriti
- 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 _______________________________
|
|
|
Portal
Register
Log in
Warn
Sex
Mesaje
Reputaţie
Data de inscriere
Credite
