» 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

Vezi subiectul anterior Vezi subiectul urmator 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 : 7721
Data inscrierei Data inscrierei : 11/06/2011
Like : 14

http://advance-tutorials.forumz.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum