» Bun venit, Vizitator, pe Advance-Tutorials, sperăm ca-ți place acest forum care iți pune la dispoziție o gama largă de tutoriale și resurse pentru webdesign și Forumgratuit.
» Sperăm că vei binevoi să-ți faci cont pe forum pentru a avea aces la toate subiectele forumui.
Numai bine, echipa !
Navigare Rapida
Cei mai activi postatori ai lunii

Ultimele subiecte
» GREEN LANENICU
Lun Mai 16, 2016 6:45 am Scris de Forward

» TEMA GAMING EVOSTRIKE
Lun Mai 16, 2016 6:41 am Scris de Forward

» Orange Board
Lun Mai 16, 2016 6:38 am Scris de Forward

» DreamZone CS 1.6
Lun Mai 16, 2016 6:38 am Scris de Forward

» 1thank
Lun Mai 16, 2016 6:37 am Scris de Forward

» Name Up Avatar (phpBB3)
Vin Apr 26, 2013 6:15 am Scris de Cel mia mare plagiator

» (pHpBB3) Adaugare clasa rang
Vin Apr 26, 2013 6:11 am Scris de Cel mia mare plagiator

» (pHpBB3) Cine e on + Statistici !
Vin Apr 26, 2013 6:07 am Scris de Cel mia mare plagiator

»  [Concurs]Cel mai frumos logo pentru Advance-Tutorials
Lun Apr 01, 2013 4:02 am Scris de TroJaNu4U

jggfvh
Banner Doar la 1euro



Meniu modificat phpBB3

In jos

Meniu modificat phpBB3

Mesaj Scris de TroJaNu4U la data de Sam Oct 27, 2012 10:52 am

Buna ziua, in acest topic am sa va prezint un mic tutorial cum sa faceti
un meniu extern adica un meniu sa fie impartit in 2 adica pe un rand
niste optiuni pe celalalt rand altele. Acest cod a fost inspirat dintr-o
tema.

Prima data.

Intrati in Panoul de administrare ~> Module ~> HTML & Javascript ~> Gestionarea codurilor Javascript:

La titlu puneti: Meniu extern
Amplasare: Toate paginile

Atentie ! Daca punteti doar Indexul Forumului meniul va fi pozitionat doar in index nu si in celelalte pagini.
Cod:
jQuery(document).ready(function(){jQuery('#page-header
div.navbar ul.linklist').before('<ul
class="meniu-extern"><li><a href="/forum"><img
src="http://illiweb.com/fa/prosilver/icon_home.gif"title="Acasa">Prima
 pagina</a>  </li><li><a href="/faq"><img
src="http://illiweb.com/fa/prosilver/icon_faq.gif"title="Intrebari
frecvente">Intrebari frecvente</a>  </li><li><a
href="/memberlist"><img
src="http://illiweb.com/fa/prosilver/icon_members.gif"title="Membri
forumului">Membri</a>  </li><li><a
href="/groups"><img
src="http://illiweb.com/fa/prosilver/icon_groups.gif"title="Grupuri">Grupuri</a>  </li></ul>')});

Dupa ce ati facut pasul de mai sus adaugati in Panoul de administrare
~> Afisare ~> Culori ~> Foaia de stil CSS urmatorul cod:
Cod:
/* Meniu extern 2 */

.menu-extern {
border-top: 1px solid #0d67a3;
margin-top: -4px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
color: #fff;
font-weight: bold;
padding: 5px 0 5px 5px;
background: #1a82c7;}

.avansat a { color: #fff;}
.avansat a:hover { color: #f3f3f3;}

.avansat {
font-weight: bold;
color: #fff;
top: 72px;
right: 84px;
position: absolute;}

#search-box {
top: 40px;
right: 80px;
position: absolute;}

/* Meniu extern */

.meniu-extern a {
font-weight: bold;
color: #004D99;}

.meniu-extern a:hover{
color: #0C5DAD;}

ul.meniu-extern {
padding: 5px 0 5px 0;}

ul.meniu-extern li {
font-size:11px;
display:inline;
list-style-type:none;
line-height:0;
width:auto;}

ul.meniu-extern li a img{
vertical-align:text-top;
padding-right:2px;}

.meniu-extern {
border-bottom: 1px solid #fff !important;}

/* Meniu de baza */

#page-header div.navbar ul.linklist a img {
vertical-align:text-top;
padding-right:2px;}

#page-header div.navbar ul.linklist a {
font-weight: bold;
color: #004D99;}

#page-header div.navbar ul.linklist a:hover {
color: #0C5DAD;}

#page-header .navbar ul.linklist li a[href="/"],
#page-header .navbar ul.linklist li a[href="/portal"],
#page-header .navbar ul.linklist li a[href="/calendar"],
#page-header .navbar ul.linklist li a[href="/faq"],
#page-header .navbar ul.linklist li a[href="/forum"],
#page-header .navbar ul.linklist li a[href="/groups"],
#page-header .navbar ul.linklist li a[href="/memberlist"],
#page-header .navbar ul.linklist li a[href="/search"]{display:none;}

#page-header div.navbar ul.linklist {
float: right;}

#page-header div.navbar ul.linklist {
border-bottom: 0px solid #fff !important;}

Demonstratie:

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine][Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Codul a fost creat in mare parte de Silviu si modificat de Mr.Klaps.



Do not judge me for what I do, do not judge me for what I do!
Cee I did was a mother first but now changed!
Sincerely Advanc-Tutorials Team
avatar
TroJaNu4U
Administratori
Administratori

Mesaje Mesaje : 1306
Bani Bani : 8087
Data inscrierei Data inscrierei : 11/06/2011
Like : 14

http://advance-tutorials.forumz.ro

Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum