Tutorial - jQuery and CSS3 Glooey Menu
+11
The Godfather
BaCk
Dystroy
Kidutz
[x]sTyL[e]
franta
DarkStar
Venom
paull
Aleku
Zeus
15 participanți
Pagina 1 din 1
Tutorial - jQuery and CSS3 Glooey Menu
Tutorial - jQuery and CSS3 Glooey Menu |
Prin acest tutorial va voi arata cum sa creati unul dintre cele mai noi meniuri realizate cu ajutorul plugin-urilor jQuery si codurilor CSS,CSS3. Acest tip de meniu se poate utiliza la crearea unui template. Previzualizare:[Trebuie sa fiti inscris si conectat pentru a vedea acest link] Pentru a executa cu usurinta acest meniu,intrati in: PA => Module => HTML => Administrare Pagini HTML => +Creeaza o noua pagina HTML Aici vom introduce urmatoarele coduri: 1.Codurile JavaScript
2.Codurile CSS,CSS3
3.Structura HTML
Sper ca va placut acest tutorial si ca reusiti sa realizati meniul ! Bafta ! ***Daca intampinati probleme sau dificultati in realizarea acestui tutorial sa rugam sa postati in categoria [Trebuie sa fiti inscris si conectat pentru a vedea acest link] |
Tutorial realizat de BODO | DesignART ***Important ! Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului ! |
Zeus- Administrator
- Mesaje : 610
Credite : 817
Reputatie : 6
Varsta : 29
Re: Tutorial - jQuery and CSS3 Glooey Menu
Stiu meniu, imi place cum lai personalizat.
Bun tutorial.
Bun tutorial.
Vizitato- Vizitator
Re: Tutorial - jQuery and CSS3 Glooey Menu
Si asta unde o sa apara pe forum? Cum il pot vedea?
Venom- Membru DesignART
- Mesaje : 22
Credite : 24
Reputatie : 0
Varsta : 34
Re: Tutorial - jQuery and CSS3 Glooey Menu
Am mai vazut genul asta de meniu, destul de interesant
DarkStar- Gold Member
- Mesaje : 119
Credite : 104
Reputatie : 0
Varsta : 34
Re: Tutorial - jQuery and CSS3 Glooey Menu
toate acestea trebuie introduse intr-o pagina html?
si sa bifez ca pagina de start nu?
asta am facut dar nu merge
si sa bifez ca pagina de start nu?
asta am facut dar nu merge
franta- Membru DesignART
- Mesaje : 65
Credite : 95
Reputatie : 0
Varsta : 36
Re: Tutorial - jQuery and CSS3 Glooey Menu
Adauga codul asta intr-o pagina html
- Cod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://designart.bravehost.com/jQuery_Gooey_Menu.js"></script>
<!-- INCEPUT MENIU -->
<style>
ul.designart_menu{
border: 1px solid #666;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
position: absolute;
width:auto;
top: 250px;
left: 350px;
float: center;
margin: auto;
padding: 10px;
list-style: none;
}
ul.designart_menu li{
display: inline;
}
ul.designart_menu li a{
margin-left: 0px;
float: left;
padding: 4px 9px;
font-family: Trebuchet MS,Tahoma;
font-size: 13px;
font-style: italic;
font-weight: normal;
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
text-align: center;
text-decoration: none;
border-right: 0px solid #000000;
}
ul.designart_menu li.active{
position:absolute;
width:0;
background: rgba(133, 130, 130, .20);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: inset 0px 2px 2px #6E6E6E;
-moz-box-shadow: inset 0px 2px 2px #6E6E6E;
box-shadow: inset 0px 2px 2px #6E6E6E;
}
</style>
<!-- SFARSIT MENIU -->
<ul id="gooeymenu2" class="designart_menu">
<li><a href="http://designart.catsboard.com/">DesignART</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li><a href="#">Link 7</a></li>
<li><a href="#">Link 8</a></li>
<li><a href="#">Link 9</a></li>
<li><a href="#">Link 10</a></li>
</ul>
<script>
gooeymenu.setup({id:'gooeymenu2', selectitem:0})
</script>
DarkStar- Gold Member
- Mesaje : 119
Credite : 104
Reputatie : 0
Varsta : 34
Re: Tutorial - jQuery and CSS3 Glooey Menu
l-am adaugat si nu se vede nimic diferit a ramas la fel....
franta- Membru DesignART
- Mesaje : 65
Credite : 95
Reputatie : 0
Varsta : 36
Re: Tutorial - jQuery and CSS3 Glooey Menu
Pur si simplu creeaza o noua pagina HTML,introdu codurile acolo,nu bifa nimic din optiunile de sus,lasa-le asa cum sunt si apasa PREVIZUALIZARE !
Zeus- Administrator
- Mesaje : 610
Credite : 817
Reputatie : 6
Varsta : 29
Re: Tutorial - jQuery and CSS3 Glooey Menu
asta am si facut
Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.?
Da Nu
Daca bifati "nu", va trebui sa introduceti un cod complet (cu tag-uri html, body, head...).
In acest caz, in momentul editarii paginii, editorul html este dezactivat.
Utilizati aceasta pagina ca pagina de start?
Nu Da
Daca bifati da, trebuie cel putin sa introduceti un link catre forumgratuit.ro.
le-am lasat asa cum erau ele
NU si NU
poate e de la tem am phpbb3
Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.?
Da Nu
Daca bifati "nu", va trebui sa introduceti un cod complet (cu tag-uri html, body, head...).
In acest caz, in momentul editarii paginii, editorul html este dezactivat.
Utilizati aceasta pagina ca pagina de start?
Nu Da
Daca bifati da, trebuie cel putin sa introduceti un link catre forumgratuit.ro.
le-am lasat asa cum erau ele
NU si NU
poate e de la tem am phpbb3
franta- Membru DesignART
- Mesaje : 65
Credite : 95
Reputatie : 0
Varsta : 36
Re: Tutorial - jQuery and CSS3 Glooey Menu
Nu are importanta tema,din moment ce tu creezi o pagina html independenta !
Sigur gresesti sau omiti ceva !
Sigur gresesti sau omiti ceva !
Zeus- Administrator
- Mesaje : 610
Credite : 817
Reputatie : 6
Varsta : 29
Re: Tutorial - jQuery and CSS3 Glooey Menu
am dat creare pagina htmlBODO a scris:Nu are importanta tema,din moment ce tu creezi o pagina html independenta !
Sigur gresesti sau omiti ceva !
am adaugat codul complet pe care mi l-ati lasat mai sus
nu am bifat nicio optiune din cele care sunt acolo
daca selectez ca pagina de start merge dar eu vreau sa o pun ca meniu la forum (
franta- Membru DesignART
- Mesaje : 65
Credite : 95
Reputatie : 0
Varsta : 36
Re: Tutorial - jQuery and CSS3 Glooey Menu
franta a scris:am dat creare pagina htmlBODO a scris:Nu are importanta tema,din moment ce tu creezi o pagina html independenta !
Sigur gresesti sau omiti ceva !
am adaugat codul complet pe care mi l-ati lasat mai sus
nu am bifat nicio optiune din cele care sunt acolo
daca selectez ca pagina de start merge dar eu vreau sa o pun ca meniu la forum (
Si daca vrei ca meniu ce cauti la pagini HTML ?
Re: Tutorial - jQuery and CSS3 Glooey Menu
pai unde se pune?
franta- Membru DesignART
- Mesaje : 65
Credite : 95
Reputatie : 0
Varsta : 36
Re: Tutorial - jQuery and CSS3 Glooey Menu
franta a scris:pai unde se pune?
Daca vrei sa il pui ca meniu pe forum pe phpbb3 , este necesara activarea widget-urilor. Codurile CSS le pui in foaia de stil css a forumului , iar cele HTML intr-un widget/ Pentru phpbb3 codurile html le pui in template.
Re: Tutorial - jQuery and CSS3 Glooey Menu
De mult cautam acest tutorial.Iti multumesc personal pentru ca l-ai creat,felicitari BOTO,ai respectul meu
Re: Tutorial - jQuery and CSS3 Glooey Menu
Felicitari pentru meniu.
BaCk- Membru Onorific
- Mesaje : 90
Credite : 90
Reputatie : 0
Varsta : 30
Re: Tutorial - jQuery and CSS3 Glooey Menu
Foarte bun și în același timp foarte simplu.
Mulțumim de munca depusă.
Mulțumim de munca depusă.
Subiecte similare
» Menu with CSS3
» Tutorial-Menu Bar
» Tutorial-Vimeo Menu
» Tutorial - Simple Green Menu.
» Tutorial-HyperBlue drop down menu
» Tutorial-Menu Bar
» Tutorial-Vimeo Menu
» Tutorial - Simple Green Menu.
» Tutorial-HyperBlue drop down menu
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum