CodeAcademy
საიტის მენიუ -სიახლეები-
ჩვენი მთვლელები
სულ რეგისტრირებულია: 740 | |
ამ თვეში დარეგისტრირდა: 1 | |
ამ კვირაში დარეგისტრირდა: 0 | |
გუშინ დარეგისტრირდა: 0 | |
დღეს დარეგისტრირდა: 0 | |
მთვლელები | |
ონლაინშია | |
სულ
შემოსული
სტუმარი
| |
დღეს მოგვინახულეს | |
ბოლო კომენტარები
TempLight-Design By GeoLoad.In
ხარვეზი გასწორებულია... შეგიძლიათ გადმოწეროთ ნებისმიერი ფაილი.
bada_555
Video MP4 Player / ვიდეო ფლეიერი
თუ არ მუშაობს აბა ეს რა არის ? ? ? http://geoload.in/htm/index_Player.html
bada_555
Video MP4 Player / ვიდეო ფლეიერი
ფუ რა მუშა პლწიერი ვერ ვნახე! ,,100% მუშაა'' კი არა 0.0001%მუშაც კი არაა
gyifsha
ბოლო სიახლეები
მთავარი » ფაილები » Datalife Engine » Dle module |
კომენტარები: 0
ნახვები: 978
კატეგორია: Dle module
დასახელება : Horizontal Menu
ავტორი : webber-bero
ძრავი : Ucoz & Dle
დემო : იხილეთ
აღწერა : მშვენიერი მენიუ +ფონტი და დაყნებაც არაა რთული.
ეს კოდი ჩასვით იქ სადაც გინდათ, რომ მენიუ გამოჩნდეს:
<style>
/*fonts*/
@font-face {font-family: "bero"; src:url('http://geoload.in/fonts/bpg_nino_medium_caps.otf');}
#menu {
/* -- Menius Foni --*/
font-family: bero;
background: #4d4d4d;
border-bottom: 1px solid #abacad;
/* -- Menius simagle --*/
height: 37px;
margin-bottom: 15px;
/* -- Menius shiftis zoma --*/
font-size: 16px;
/* -- Menius momrgvalebuli kutxeebi --*/
-ms-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
/* -- Menius chrdilebi --*/
-ms-box-shadow: 0px 2px 2px #DDDDDD;
-o-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
}
#menu > ul > li:hover {
background: #535353;
}
#menu > ul > li > a {
font-size: 15px;
color: #FFF;
line-height: 14px;
text-decoration: none;
display: block;
padding: 12px 15px 11px 15px;
z-index: 6;
position: relative;
}
#menu > ul > li > div {
display: none;
background: #FFFFFF;
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #034281;
-o-border-radius: 0px 0px 5px 5px;
-ms-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('http://www.picz.ge/img/s3/1405/6/1/11593d076535.png');
}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
padding: 4px;
color: #FFFFFF;
display: block;
white-space: nowrap;
min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
background: #638aff;
}
#menu > ul > li > div > ul > li > a {
color: #FFFFFF;
}
</style>
<div id="menu">
<ul>
<li>
<a href="#">მთავარი</a>
<div>
<ul>
<li><a href="#">სკრიპტები</a></li>
<li><a href="#">ფონები</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">საჭირო რესურსები</a></li>
<li><a href="#">კატეგორია</a></li>
</ul>
</div>
</li>
<li><a href="#">კატეგორია</a>
</li>
<li><a href="#">კატეგორია</a>
</li>
<li><a href="#">GeoLoad.In</a>
<div>
<ul>
<li><a href="#">Еmail</a></li>
<li><a href="http://GeoLoad.In/">საიტი</a></li>
<li><a href="#">სოც ქსელები</a></li>
<li><a href="#">ადგილმდებარეობა</a></li>
</ul>
</div>
</li>
</ul>
</div>
ავტორი : webber-bero
ძრავი : Ucoz & Dle
დემო : იხილეთ
აღწერა : მშვენიერი მენიუ +ფონტი და დაყნებაც არაა რთული.
ეს კოდი ჩასვით იქ სადაც გინდათ, რომ მენიუ გამოჩნდეს:
Code
<style>
/*fonts*/
@font-face {font-family: "bero"; src:url('http://geoload.in/fonts/bpg_nino_medium_caps.otf');}
#menu {
/* -- Menius Foni --*/
font-family: bero;
background: #4d4d4d;
border-bottom: 1px solid #abacad;
/* -- Menius simagle --*/
height: 37px;
margin-bottom: 15px;
/* -- Menius shiftis zoma --*/
font-size: 16px;
/* -- Menius momrgvalebuli kutxeebi --*/
-ms-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
/* -- Menius chrdilebi --*/
-ms-box-shadow: 0px 2px 2px #DDDDDD;
-o-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
}
#menu > ul > li:hover {
background: #535353;
}
#menu > ul > li > a {
font-size: 15px;
color: #FFF;
line-height: 14px;
text-decoration: none;
display: block;
padding: 12px 15px 11px 15px;
z-index: 6;
position: relative;
}
#menu > ul > li > div {
display: none;
background: #FFFFFF;
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #034281;
-o-border-radius: 0px 0px 5px 5px;
-ms-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('http://www.picz.ge/img/s3/1405/6/1/11593d076535.png');
}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
padding: 4px;
color: #FFFFFF;
display: block;
white-space: nowrap;
min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
background: #638aff;
}
#menu > ul > li > div > ul > li > a {
color: #FFFFFF;
}
</style>
<div id="menu">
<ul>
<li>
<a href="#">მთავარი</a>
<div>
<ul>
<li><a href="#">სკრიპტები</a></li>
<li><a href="#">ფონები</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">საჭირო რესურსები</a></li>
<li><a href="#">კატეგორია</a></li>
</ul>
</div>
</li>
<li><a href="#">კატეგორია</a>
</li>
<li><a href="#">კატეგორია</a>
</li>
<li><a href="#">GeoLoad.In</a>
<div>
<ul>
<li><a href="#">Еmail</a></li>
<li><a href="http://GeoLoad.In/">საიტი</a></li>
<li><a href="#">სოც ქსელები</a></li>
<li><a href="#">ადგილმდებარეობა</a></li>
</ul>
</div>
</li>
</ul>
</div>
სულ კომენტარები: 0 | |