SoftDesign


Bun venit Vizitator pe SoftDesign, speram ca-ti place acest forum care iti pune la dispozitie o gama larga de tutoriale si resurse pentru WebDesign si ForumGratuit , si speram ca vei binevoi sa-ti faci cont pe forum pentru a avea aces la toate subiectele forumui.

Widget Navigare rapida

In jos

Widget Navigare rapida

Mesaj Scris de gab1Tzu la data de Vin Oct 14, 2011 2:53 pm

Salutare...Vreau un cod html pentru acest widget:
avatar
gab1Tzu
Gold Member

Sex : masculin
Mesaje : 248
Credite : 2703
Data de inscriere : 24/09/2011
Localizare : Craiova

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: Widget Navigare rapida

Mesaj Scris de Shaggy la data de Vin Oct 14, 2011 9:34 pm

Asta e codul doar ca trebuie tu sa adaugii codul cu iconite

Cod:
<div id="css-widget-menu">
<a href="#" class="first" target="_blank">Link 1</a>

<a href="#" target="_blank">Link 2</a>

<a href="#" target="_blank">Link 3</a>

<a href="#" target="_blank">Link 4</a>

<a href="#" target="_blank">Link 5</a>

</div>

<style>
#css-widget-menu{
width:185px;
margin-left: -10px;
padding:1px;
background-color:#FFFFFF url(http://i45.servimg.com/u/f45/16/65/71/25/body-b10.png);
}

#css-widget-menu a{
display:block;
height:25px;
margin-top:2px;
padding-left:5px;
background-color:#F0F7F7 url(http://i45.servimg.com/u/f45/16/65/71/25/body-b10.png);
border-left:8px solid #C7E2E2;
border-bottom: 1px solid #fff;
font-family:Trebuchet MS;
font-weight: normal;
font-size:13px;
text-transform:none;
text-decoration:none;
text-shadow: 1px 1px 1px #fff;
line-height:25px;
}

#css-widget-menu a:hover{
background:#C7E2E2;
border-left:8px solid #C7E2E2;
color:#000;
margin-left: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-box-shadow: 0px 0px 2px 0px #b3b3b3;
-moz-box-shadow: 0px 0px 2px 0px #b3b3b3;
box-shadow: 0px 0px 2px 0px #b3b3b3;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

#css-widget-menu a.first{
margin-top:0;
}

</style>
avatar
Shaggy
Moderator

Sex : masculin
Mesaje : 364
Credite : 2891
Data de inscriere : 06/09/2011
Localizare : Pascani

Vezi profilul utilizatorului http://staraim.forumz.ro/forum

Sus In jos

Re: Widget Navigare rapida

Mesaj Scris de gab1Tzu la data de Vin Oct 14, 2011 10:25 pm

multumesc foarte mult...puteti inchide
avatar
gab1Tzu
Gold Member

Sex : masculin
Mesaje : 248
Credite : 2703
Data de inscriere : 24/09/2011
Localizare : Craiova

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: Widget Navigare rapida

Mesaj Scris de Vizitato la data de Vin Oct 14, 2011 10:34 pm

Topic inchis.
avatar
Vizitato
Vizitator


Sus In jos

Re: Widget Navigare rapida

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum