Cum pot adauga un meniu vertical pe marginea forumului?
Pagina 1 din 1 • Impartiti •
Cum pot adauga un meniu vertical pe marginea forumului?
Cum spune și titlu aș vrea să pun un meniu vertical pe marginea forumului. Sau meniul obișnuit să îl pun pe marginea forumului......
Folosesc versiunea de forum phpbb2.
Folosesc versiunea de forum phpbb2.
Re: Cum pot adauga un meniu vertical pe marginea forumului?
La widgeturi
PA => Module => Gestiunea widget-urilor forumului => Afiseaza widget-urile forumului : => Da
PA => Module => Gestiunea widget-urilor forumului => Afiseaza widget-urile forumului : => Da
Re: Cum pot adauga un meniu vertical pe marginea forumului?
Nu alea, ca stiam de muuuult de ele. Eu vreau sa stea chiar pe marginea imagini.
Re: Cum pot adauga un meniu vertical pe marginea forumului?
http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm
Re: Cum pot adauga un meniu vertical pe marginea forumului?
nick, nu asa vreau. Vreau sa fie iconurile fara slide. (adica fara sa se deschida)
Re: Cum pot adauga un meniu vertical pe marginea forumului?
Nu, sa fie pe partea dreapta si sa fie pe marginea din partea dreapta. O sa va fac o imagine sa intelegeti, revin cu edit.
Edit: http://i67.servimg.com/u/f67/15/87/26/18/22210.jpg
Unde este "1", "2" si "3" sa fie imaginile de la meniu. si sa ramana peste tema forumului. (adica cand dai scrool jos sa nu ramana acolo)
Edit: http://i67.servimg.com/u/f67/15/87/26/18/22210.jpg
Unde este "1", "2" si "3" sa fie imaginile de la meniu. si sa ramana peste tema forumului. (adica cand dai scrool jos sa nu ramana acolo)
Re: Cum pot adauga un meniu vertical pe marginea forumului?
- Cod:
<style type="text/css">
#navigationMenu{
position:fixed;
top: 10px;
left: 0px;
}
#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}
#navigationMenu span{
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
/* CSS3 Transition: */
-webkit-transition: 0.25s;
/*-o-transition: 0.25s;*/
/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}
#navigationMenu a{
background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;
}
/* General hover styles */
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;
/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}
/* Green Button */
#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}
/* Blue Button */
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}
/* Orange Button */
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}
/* Yellow Button */
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}
/* Purple Button */
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}
a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:none;
}
a img{
border:none;
}
</style>
<ul id="navigationMenu">
<li>
<a class="home" href="forum.htm">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="#">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="/profile.forum?mode=editprofile">
<span>Profile</span>
</a>
</li>
<li>
<a class="portfolio" href="portal.htm">
<span>Portal</span>
</a>
</li>
<li>
<a class="contact" href="/contact.forum">
<span>Contact us</span>
</a>
</li>
</ul>

Vizitato- Vizitator
Re: Cum pot adauga un meniu vertical pe marginea forumului?
R@zv@n a scris:o pui tu cum vrei mai aproape
- Cod:
<style type="text/css">
#navigationMenu{
position:fixed;
top: 10px;
left: 0px;
}
#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}
#navigationMenu span{
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
/* CSS3 Transition: */
-webkit-transition: 0.25s;
/*-o-transition: 0.25s;*/
/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}
#navigationMenu a{
background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;
}
/* General hover styles */
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;
/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}
/* Green Button */
#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}
/* Blue Button */
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}
/* Orange Button */
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}
/* Yellow Button */
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}
/* Purple Button */
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}
a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:none;
}
a img{
border:none;
}
</style>
<ul id="navigationMenu">
<li>
<a class="home" href="forum.htm">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="#">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="/profile.forum?mode=editprofile">
<span>Profile</span>
</a>
</li>
<li>
<a class="portfolio" href="portal.htm">
<span>Portal</span>
</a>
</li>
<li>
<a class="contact" href="/contact.forum">
<span>Contact us</span>
</a>
</li>
</ul>in mesaj pe pagina de start o adaugi
![]()
Merge, multumesc. Dar as vrea unul care sa nu se deschisa asa. Sa fie doar imaginea care se aprinde cand pui cursorul pe ea. (adica de ex. din negru sa devina gri)
Ultima editare efectuata de catre Cucciolo006 in Lun 14 Mar 2011, 2:47 pm, editata de 1 ori
Re: Cum pot adauga un meniu vertical pe marginea forumului?
Am gasit un topic cu aceasta imagine (pe un alt forum de suport)

Vedeti acel meniu pe marginea dreapta? Pe acela il caut.

Vedeti acel meniu pe marginea dreapta? Pe acela il caut.
Re: Cum pot adauga un meniu vertical pe marginea forumului?
Mda..... nu ma ajuta nimeni???? Chiar nu stie nimeni???
Re: Cum pot adauga un meniu vertical pe marginea forumului?
R@zv@n a scris:o pui tu cum vrei mai aproape
- Cod:
<style type="text/css">
#navigationMenu{
position:fixed;
top: 10px;
left: 0px;
}
#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}
#navigationMenu span{
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
/* CSS3 Transition: */
-webkit-transition: 0.25s;
/*-o-transition: 0.25s;*/
/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}
#navigationMenu a{
background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;
}
/* General hover styles */
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;
/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}
/* Green Button */
#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}
/* Blue Button */
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}
/* Orange Button */
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}
/* Yellow Button */
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}
/* Purple Button */
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}
a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:none;
}
a img{
border:none;
}
</style>
<ul id="navigationMenu">
<li>
<a class="home" href="forum.htm">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="#">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="/profile.forum?mode=editprofile">
<span>Profile</span>
</a>
</li>
<li>
<a class="portfolio" href="portal.htm">
<span>Portal</span>
</a>
</li>
<li>
<a class="contact" href="/contact.forum">
<span>Contact us</span>
</a>
</li>
</ul>in mesaj pe pagina de start o adaugi
![]()
cum pot face sa apara lipit de margine?
Re: Cum pot adauga un meniu vertical pe marginea forumului?
Mda.... este posibil ca nimeni sa nu stie sau doar faceti misto de mine???
Re: Cum pot adauga un meniu vertical pe marginea forumului?
frate poate nu stie lumea la ce te referi. incearca sa fi pe acest forum cat mai explicit. asa lumea te ajuta. dar daca nu sti limbajul web si nu explici cum trebe de unde sa stie lumea ce vrei?
Re: Cum pot adauga un meniu vertical pe marginea forumului?
hegedusu a scris:frate poate nu stie lumea la ce te referi. incearca sa fi pe acest forum cat mai explicit. asa lumea te ajuta. dar daca nu sti limbajul web si nu explici cum trebe de unde sa stie lumea ce vrei?
Mda... ce este asa greu? Am pus si imagini sa intelegeti mai bine -_-"
Re: Cum pot adauga un meniu vertical pe marginea forumului?
- Cod:
<ul class="meniuvert">
<li><a href="#"><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/home.png" border="0"/></a></li>
<li><a href="#"><img src="http://cdn4.iconfinder.com/data/icons/woothemesiconset/32/warning.png" border="0"/></a></li>
<li><a href="#"><img src="http://cdn4.iconfinder.com/data/icons/woothemesiconset/32/search_button.png" border="0"/></a></li>
<li><a href="#"><img src="http://cdn4.iconfinder.com/data/icons/woothemesiconset/32/comment.png" border="0"/></a></li>
</ul>
Adaugi in mesajul de pe pag. de start. (PA > afisare > Generalitati)
Si asta in CSS (PA > Afisare > Culori > Foaie de stil CSS) :
- Cod:
ul.meniuvert{
list-style: none;
margin:0px;
padding:0px;
position:fixed;
left:0px;
top:250px;
}
ul.meniuvert li{
padding-bottom:4px;
padding-left:2px;
}
ul.meniuvert li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
ul.meniuvert li img:hover{
opacity:1.0;
}

| Regulament general |
| Contact ~ Nu acord suport prin mesageria privata! |
Re: Cum pot adauga un meniu vertical pe marginea forumului?
Anonimu' a scris:
- Cod:
<ul class="meniuvert">
<li><a href="#"><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/home.png" border="0"/></a></li>
<li><a href="#"><img src="http://cdn4.iconfinder.com/data/icons/woothemesiconset/32/warning.png" border="0"/></a></li>
<li><a href="#"><img src="http://cdn4.iconfinder.com/data/icons/woothemesiconset/32/search_button.png" border="0"/></a></li>
<li><a href="#"><img src="http://cdn4.iconfinder.com/data/icons/woothemesiconset/32/comment.png" border="0"/></a></li>
</ul>
Adaugi in mesajul de pe pag. de start. (PA > afisare > Generalitati)
Si asta in CSS (PA > Afisare > Culori > Foaie de stil CSS) :
- Cod:
ul.meniuvert{
list-style: none;
margin:0px;
padding:0px;
position:fixed;
left:0px;
top:250px;
}
ul.meniuvert li{
padding-bottom:4px;
padding-left:2px;
}
ul.meniuvert li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
ul.meniuvert li img:hover{
opacity:1.0;
}
Acesta este cel pe care il cautam, multumesc ! Puteti inchide topicul !
Re: Cum pot adauga un meniu vertical pe marginea forumului?
Subiect inchis.

| MULTUMESTE | Daca cineva te-a ajutat la rezolvarea unei probleme, din bun simt, nu uita sa ii multumesti |
| ACTUALIZEAZA | Daca ti-ai schimbat forumul, versiunea forumului si/sau browserul actualizeaza informatiile aferente in profil |
| MEMBRU NOU | Daca esti nou-venit, te rugam sa citesti toate informatiile din linkurile plasate in pagina de start sub meniu principal |
Multumim ! - Cu stima, echipa Forumgratuit
Subiecte similare» Stergere linie meniu navigare
» Echipa forumului(culori de editare)
» Personalizarea conditiilor de utilizare a forumului
» Adaugare meniu sub bara de navigare si adaugare ''reclama'' in header
» Creearea unui meniu prin fisierul commandmenu.txt [CS 1.]
» Echipa forumului(culori de editare)
» Personalizarea conditiilor de utilizare a forumului
» Adaugare meniu sub bara de navigare si adaugare ''reclama'' in header
» Creearea unui meniu prin fisierul commandmenu.txt [CS 1.]
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum

Acasa


Scris de Cucciolo006 la data de Dum 13 Mar 2011, 5:12 pm








Am pierdut parola!
Acces direct

Devino fan Forumgratuit
» din: Cum fac legenda ca in imagine. !
» [Subiect-Unic] Dependenta de internet
» Cerere imagini
» Cerere bara
» Cum pun un footer de genul acesta
» Kegan !
» Introducere de membri
» Cerere Ranguri.
» CERERE IMAGIN DE RANKURI
» [Cerere] Ranguri Urgente
» Cerere Baner
» Cerere banner
» Bold la rang bicolor si nume cu culoare
» Chenar profil, butonul offline, bara deasupra topicului
» Statistici phpBB3
» Mutare imaginea utilizator online
» Cum pot pune tabel la citeaza,editeaza[phpbb3]
» Profil 3D
» Felicitari pentru L!
» Cum pot face profilul in felul acesta
» Post moderator
» Cum pot pune aceasta imagine in loc de raspuns rapid
» Probleme - Scrolling
» Problema profil
» Webb-Tags
» Imagine quote
» din: La sueta cu Vio!
» Chenar Ultimele mesaje phpBB3
» Conectare in header