Vertikālas izvēles - Forums





 
Lappuse 1 no 11
Forums » UCOZ » Lietotāju materiāli » Vertikālas izvēles (8 veidi)
Vertikālas izvēles
DuckPievienots: Pirmdiena, 18.06.2012, 17:41:40
avatars
Ieraksti: 12
Amats: Lietotājs +
Pašlaik:
Brīdinājumi: 0%
0
8 izlvenes, vnk katrai negribējas taisīt savu tēmu.
1.
Nolādējam šo bildi, un ielikam failu menidžerī, ja kas nav, mainam css koda linku - BILDE
Bilde - Bilde
css kods:
Code
#menu8 {
   width: 200px;
   margin-top: 10px;
}
     
#menu8 li a {
   text-decoration: none;
   height: 32px;
     voice-family: "\"}\"";   
     voice-family: inherit;
     height: 24px;
}
     
#menu8 li a:link, #menu8 li a:visited {
   color: #777;
   display: block;
   background: url(images/menu8.gif);
   padding: 8px 0 0 20px;
}
     
#menu8 li a:hover {
   color: #257EB7;
   background: url(images/menu8.gif) 0 -32px;
   padding: 8px 0 0 25px;
}
     
#menu8 li a:active {
   color: #fff;
   background: url(images/menu8.gif) 0 -64px;
   padding: 8px 0 0 25px;
}

#menu8 ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

html kods:
Code
<div id="menu8">
    <ul>
      <li><a href="#1" title="Home">Home</a></li>
      <li><a href="#2" title="About">About</a></li>
      <li><a href="#3" title="Services">Services</a></li>
      <li><a href="#4" title="Portfolio">Portfolio</a></li>
      <li><a href="#5" title="Store">Store</a></li>
      <li><a href="#6" title="Download">Download Menu</a></li>
    </ul>
</div>


2.
Bilde - Bilde
Css kods:
Code
#button {
   width: 12em;
   border-right: 1px solid #000;
   padding: 0 0 1em 0;
   margin-bottom: 1em;
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
   background-color: #90bade;
   color: #333;
}

#button ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}
     
#button li {
   border-bottom: 1px solid #90bade;
   margin: 0;
   list-style: none;
   list-style-image: none;
}
     
#button li a {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 10px solid #1958b7;
   border-right: 10px solid #508fc4;
   background-color: #2175bc;
   color: #fff;
   text-decoration: none;
   width: 100%;
}

html>body #button li a {
   width: auto;
}

#button li a:hover {
   border-left: 10px solid #1c64d1;
   border-right: 10px solid #5ba3e0;
   background-color: #2586d7;
   color: #fff;
}

Html kods:
Code
<div id="button">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Hidden Cameras</a></li>
      <li><a href="#">CCTV Cameras</a></li>
      <li><a href="#">Employee Theft</a></li>
      <li><a href="#">Helpful Hints</a></li>
      <li><a href="#">F.A.Q</a></li>
      <li><a href="#">About Us</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
</div>


3.
Bilde - Bilde
Css kods:
Code
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 1em;
left: 1em;
width: 10em;
}

#menu dt {
cursor: pointer;
background: #A9BFCB;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 10em;
background: #A9BFCB;
border: 1px solid gray;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

Html kods:
Code
<dl id="menu">
    <dt onmouseover="javascript:montre('smenu1');"><a href="#">Menu 1</a></dt>
    <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
     <ul>
      <li><a href="#">Sub Menu 1.1</a></li>
      <li><a href="#">Sub Menu 1.2</a></li>
      <li><a href="#">Sub Menu 1.3</a></li>
     </ul>
    </dd>
    <dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">Menu2</dt>
    <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
     <ul>
      <li><a href="#">Sub Menu 2.1</a></li>
      <li><a href="#">Sub Menu 2.2</a></li>
     </ul>
    </dd>
    <dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">Menu3</dt>
    <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
     <ul>
      <li><a href="#">Sub Menu 3.1</a></li>
      <li><a href="#">Sub Menu 3.1</a></li>
      <li><a href="#">Sub Menu 3.1</a></li>
      <li><a href="#">Sub Menu 3.1</a></li>
      <li><a href="#">Sub Menu 3.1</a></li>
      <li><a href="#">Sub Menu 3.1</a></li>
     </ul>
    </dd>
    <dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">Menu4</dt>
    <dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
     <ul>
      <li><a href="#">Sub Menu 4.1</a></li>
      <li><a href="#">Sub Menu 4.1</a></li>
     </ul>
    </dd>
</dl>

Javascript:
Code
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>


4.
Bilde - Bilde
Nolādējam šo bildi, ielikam failu menidžeri, ja kas nav, mainam css kodus bilde linku - BILDE

Css kods:
Code
#menu5 {
   width: 200px;
   margin: 10px;
}
     
#menu5 li a {
   height: 32px;
     voice-family: "\"}\"";   
     voice-family: inherit;
     height: 24px;
   text-decoration: none;
}   
     
#menu5 li a:link, #menu5 li a:visited {
   color: #FFF;
   display: block;
   background:  url(menu5.gif);
   padding: 8px 0 0 10px;
}
     
#menu5 li a:hover {
   color: #FFF;
   background:  url(menu5.gif) 0 -32px;
   padding: 8px 0 0 10px;
}
#menu5 ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

Htmal kods:
Code
<div id="menu5">
    <ul>
      <li><a href="#1" title="Link 1">Link 1</a></li>
      <li><a href="#2" title="Link 2">Link 2</a></li>
      <li><a href="#3" title="Link 3">Link 3</a></li>
      <li><a href="#4" title="Link 4">Link 4</a></li>
      <li><a href="#5" title="Link 5">Link 5</a></li>
    </ul>
</div>


5.
Bilde - Bilde
Nolādējam šo bildi, ielikam failu menidžeri, ja kas nav, mainam css kodus bilde linku - BILDE
Css kods:
Code
#menu12 {
   width: 200px;
   margin: 10px;
   }
     
#menu12 li a {
   height: 32px;
     voice-family: "\"}\"";   
     voice-family: inherit;
     height: 22px;
   text-decoration: none;
}   
     
#menu12 li a:link, #menu12 li a:visited {
   color: #666;
   display: block;
   background:  url(menu12.gif);
   padding: 10px 0 0 35px;
}
     
#menu12 li a:hover {
   color: #000;
   background:  url(menu12.gif) 0 -32px;
   padding: 10px 0 0 35px;
}
#menu12 ul {
   list-style: none;
   margin: 0;
   padding: 0;
}


HTML kods:
Code
<div id="menu12">
   <ul>
    <li><a href="#1" title="Link 1">Link 1</a></li>
    <li><a href="#2" title="Link 2">Link 2</a></li>
    <li><a href="#3" title="Link 3">Link 3</a></li>
    <li><a href="#4" title="Link 4">Link 4</a></li>
    <li><a href="#5" title="Link 5">Link 5</a></li>
   </ul>
</div>


6.
Bilde - Bilde
Nolādējam šo bildi, ielikam failu menidžeri, ja kas nav, mainam css kodus bilde linku - BILDE
css kods:
Code
#menu {
   width: 200px;
   border-style: solid solid none solid;
   border-color: #94AA74;
   border-size: 1px;
   border-width: 1px;
   margin: 10px;
}
     
#menu li a {
   height: 32px;
     voice-family: "\"}\"";   
     voice-family: inherit;
     height: 24px;
   text-decoration: none;
}   
     
#menu li a:link, #menu li a:visited {
   color: #5E7830;
   display: block;
   background: url(images/menu1.gif);
   padding: 8px 0 0 10px;
}
     
#menu li a:hover {
   color: #26370A;
   background: url(images/menu1.gif) 0 -32px;
   padding: 8px 0 0 10px;
}
     
#menu li a:active {
   color: #26370A;
   background: url(images/menu1.gif) 0 -64px;
   padding: 8px 0 0 10px;
}
#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

HTML kods:
Code
<div id="menu">
    <ul>
      <li><a href="#1" title="Home">Home</a></li>
      <li><a href="#2" title="About">About</a></li>
      <li><a href="#3" title="Services">Services</a></li>
      <li><a href="#4" title="Portfolio">Portfolio</a></li>
      <li><a href="#5" title="Store">Store</a></li>
      <li><a href="#6" title="Download">Download Menu</a></li>
    </ul>
</div>


7.
Bilde - Bilde
Nolādējam šo bildi, ielikam failu menidžeri, ja kas nav, mainam css kodus bilde linku (tur pie paša stūrīša ir maza, gaiša bilde.) - BILDE
Css kods:
Code
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;}

ul.vert-one li{margin:0;padding:0;border-top:1px solid #4D0000;
border-bottom:1px solid #761A1A;}

ul.vert-one li a{display:block;text-decoration:none;color:#fff;
background:#600;padding:0 0 0 20px;width:180px;}

ul.vert-one li a:hover{
background:#900 url("images/vert-one_arrow.gif") no-repeat 0 9px;}

ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;}

Html kods:
Code
<ul class="vert-one">
    <li><a href="#" title="CSS Menus">Home</a></li>
    <li><a href="#" title="CSS Menus">Articles</a></li>
    <li><a href="#" title="CSS Menus" class="current">Topics</a></li>
    <li><a href="#" title="CSS Menus">Forum</a></li>
    <li><a href="#" title="CSS Menus">Blog</a></li>
    <li><a href="#" title="CSS Menus">Subscribe</a></li>
    <li><a href="#" title="CSS Menus">Contact Us</a></li>
</ul>


8.
Bilde -Bilde
Css kods:
Code
#menu12 {
width: 178px;
padding: 0 0 0 0;
margin-bottom: 1em;
font-size: 11px;
font-weight: normal;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #6898d0;
color: #333;
}
#menu12 ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}    
#menu12 li {
border-bottom: 1px solid #90bade;
margin: 0;
width: auto;
}
#menu12 li a {
display: block;
padding: 3px 0px 3px 0.5em;
border-left: 5px solid #8AA1B6;
border-right: 5px solid #8AA1B6;
background-color: #6898d0;
color: #fff;
text-decoration: none;
width: auto;
}
#menu12 li a:hover {
border-left: 5px solid #800000;
border-right: 5px solid #800000;
background-color: #FF7C3E;
color: #fff;
}
.bt1 {
width : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;    
font-size : 10px;   
text-align : left;   
font-weight : bold;   
color : #ffffff;   
background-color : #8AA1B6;   
padding-top : 3px;   
padding-bottom : 4px;   
padding-left : 4px;   
border-left: 5px solid #FF7C3E;
display : block;   
}
.ht11 {
font-size : 10px;   
font-weight: bold;
color : #000;    
font-family : Verdana, Arial, Helvetica, sans-serif;   
text-decoration : none;   
}    
.hw12 {
font-size : 11px;   
font-weight : bold;   
color : #ffffff;   
font-family : verdana, arial, helvetica, sans-serif;
text-decoration : none;   
}


Html kods:
Code
<div id="menu12">
    <ul>
      <li><div class="bt1"><span class="ht11">» </span>
      <span class="hw12">Navigation Menu</span></div></li>
      <li><a title="Home" href="#">Home</a></li>
      <li><a title="Photos" href="#">Photo Gallery</a></li>
      <li><a title="Events" href="#">Events Calendar</a></li>
      <li><a title="Forum" href="#">Community</a></li>
      <li><a title="Articles" href="#">Article Directory</a></li>
      <li><a title="Link Directory" href="#">Link Directory</a></li>
      <li><a title="Download" href="#">Freeware Download</a></li>
    </ul>
</div>


Ja noderēja, iedod man balviņu :)


 
AlvintugPievienots: Piektdiena, 24.03.2017, 05:03:42
Ieraksti: 161
Amats: Lietotājs
Pašlaik:
Brīdinājumi: 0%
0
Get an essay or any other homework writing help for a fair price!

Check it here!



































































persuasive essay about having a pet
msc finance thesis
vidyarthi aur fashion essay hindi
best day of my life essay for kids
essay competitions for college students in india 2015
being american essay
essay on importance of books
as critical dying essay i lay
creative essay on identity and belonging
elements of essay and its meaning
kantian deontology essay
routledge publishing phd thesis
university of reading thesis
writing website for teachers
ieee research papers on computer architecture
essays on consumerism and advertising
numbering appendices dissertation
school uniforms advantages and disadvantages essay
thesis examination report sample
european law essays
nba lockout thesis
developing an evaluation plan essay
essay about buy nothing day
essay hindi teacher day
our forefathers were happier than us essay
essay about social networking websites
reflection essay examples
writing paper colored lines
divorce essay intro
richard p mcbrien essays in theology
cross by langston hughes essay
introduction of personal essay
mlk dissertation
business school goals essay
writing descriptive essay lesson plans
what is preface in thesis

Pievienots (24.03.2017, 05:03:42)
---------------------------------------------
Get an essay or any other homework writing help for a fair price!

Check it here!



































































resume writing services wayne nj
responsible for macbeths downfall essay
spanish transitional words for essays
reflective writing
essays in constitutional law houston
Punctuality essay in english
compare and contrast essay read write think
balanced essay
cognitive psychology essays
college thesis writing help
internet advertising research paper
influential person essay sample
essay on use of tec
service writer interview questions
persuasive essay for human cloning
hanukkah free essay
roemo and juliet essay
academic essay writing in the first person a guide for undergraduates
kinds of informal essay
admission essay prompt
synthesis essay structure
ny times college essay contest
online piracy thesis
essay ГѓВ¶rnekleri bilgi ГѓВјniversitesi
best free essays
critical reflection essay nursing
blood brothers essay
group dynamics essays
personal statement essay example
oil conservation essay wikipedia encyclopedia
essay on school management system
bibliography sample in research paper
descriptive essay on running a race
essay in hindi on shikshak diwas
critical essays on story of an hour
gender inequality in workplace essay
text response essay tips
short essay drug addiction
all essay in english pdf
dehumanization essay
essay topics for medieval literature
shakespeare student essays
jewish history essay topics
who is the protagonist in julius caesar essay

 
Forums » UCOZ » Lietotāju materiāli » Vertikālas izvēles (8 veidi)
Lappuse 1 no 11
Meklēšana:
Foruma statistika
Jaunākās tēmas Populārākās tēmas Aktīvākie lietotāji Jaunākie lietotāji
* čau visiem (14)
* Online lietotāju saraksta stilizācija (10)
* Ievades formu stilizācija (4)
* problema. (13)
* Gacho ,,Esmu panks'' (9)
* Ieteikt Draugiem poga (10)
* Ir / Nav spēle (83)
* Jautājumu spēle! (70)
* Ctrl + V (64)
* Kādu OS tu lieto? (19)
* Dizains (19)
* Download Adobe PhotoShop CS4 (15)
* Alvintug (161 ieraksti)
* More (111 ieraksti)
* JosephThuro (80 ieraksti)
* SMILE (70 ieraksti)
* Elanync (62 ieraksti)
* bogdangxt (58 ieraksti)
* AlbertSyday (26.03.2017 00:27:08)
* tobeyQuiela (25.03.2017 19:32:51)
* AngViods (25.03.2017 10:11:41)
* Albertrhype (24.03.2017 15:50:15)
* LstrPlusnell (24.03.2017 14:50:38)
* Marynor (24.03.2017 08:47:28)