CodeAcademy
საიტის მენიუ
პოპულარული სიახლეები
შემთხვევითი სიახლეები
web By B3r(o_0)/A/
საიტის მენიუ -სიახლეები-
ჩვენი მთვლელები
 | სულ რეგისტრირებულია: 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
ბოლო სიახლეები
| მთავარი » ფაილები » ჩვენი ნამუშევრები » უცოზ სკრიპტები |
კომენტარები: 0
ნახვები: 814
კატეგორია: უცოზ სკრიპტები
დასახელება : Oval Menu
ავტორი : bada_555
აღწერა : --*--*--*--*--*--*--*--
მოცემულო კოდი ჩასვით იქ სადაც გსურთ რომ მენიუ გამოჩნდეს:
<style>
a.link {
color: #FFF;
font-weight: bold;
font-size: 14px;
font-family:tahoma;
text-decoration:none;
}
.dstormenu {
position: absolute;
background: #000;
color: #FFF;
height: 100px;
width: 180px;
border-radius: 90px;
top: 100px;
left:200px;
text-align: center;
padding-top: 80px;
font-weight: bold;
font-size: 14px;
font-family:tahoma;
}
.dstorsubmenu {
display: none;
position: absolute;
background: rgba(0,48,255,0.9);
height: 60px;
width: 100px;
border-radius: 50px;
padding-top: 40px;
font-size: 12px;
font-family:tahoma;
}
.dstormenu:hover {
background: rgba(0,48,255,0.9);
-moz-transition: all 1000ms ease;
-webkit-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family:tahoma;
}
.dstormenu:hover > .dstorsubmenu {
display: block;
-moz-animation: appear 500ms normal 1 ease;
-webkit-animation: appear 500ms normal 1 ease;
-o-animation: appear 500ms normal 1 ease;
-ms-animation: appear 500ms normal 1 ease;
animation: appear 500ms normal 1 ease;
}
@-moz-keyframes appear {
from {
-moz-transform: scale(0);
background: rgba(0,0,0,1);
}
to {
-moz-transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
@-webkit-keyframes appear {
from {
-webkit-transform: scale(0);
background: rgba(0,0,0,1);
}
to {
-webkit-transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
@-o-keyframes appear {
from {
-o-transform: scale(0);
background: rgba(0,0,0,1);
}
to {
-o-transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
@-ms-keyframes appear {
from {
-ms-transform: scale(0);
background: rgba(0,0,0,1);
}
to {
-ms-transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
@keyframes appear {
from {
transform: scale(0);
background: rgba(0,0,0,1);
}
to {
transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
.m1 {
margin-left: -20px;
margin-top: -157px;
}
.m2 {
margin-left: 100px;
margin-top: -157px;
}
.m3 {
margin-left: -80px;
margin-top: -53px;
}
.m4 {
margin-left: 100px;
margin-top: 46px;
}
.m5 {
margin-left: -20px;
margin-top: 46px;
}
.m6 {
margin-left: 160px;
margin-top: -53px;
}
</style>
</head>
<body>
<div class="dstormenu">
GEOLOAD.IN
<div class="dstorsubmenu m1">
<a class="link" href="#">HTML5</a></div>
<div class="dstorsubmenu m2">
<a class="link" href="#">CSS3</a>
</div>
<div class="dstorsubmenu m3">
<a class="link" href="#">SCRIPTS</a>
</div>
<div class="dstorsubmenu m4">
<a class="link" href="#">LOAD</a>
</div>
<div class="dstorsubmenu m5">
<a class="link" href="#">NEWS</a>
</div>
<div class="dstorsubmenu m6">
<a class="link" href="#">DESIGN</a>
</div>
</div>
ავტორი : bada_555
აღწერა : --*--*--*--*--*--*--*--
მოცემულო კოდი ჩასვით იქ სადაც გსურთ რომ მენიუ გამოჩნდეს:
Code
<style>
a.link {
color: #FFF;
font-weight: bold;
font-size: 14px;
font-family:tahoma;
text-decoration:none;
}
.dstormenu {
position: absolute;
background: #000;
color: #FFF;
height: 100px;
width: 180px;
border-radius: 90px;
top: 100px;
left:200px;
text-align: center;
padding-top: 80px;
font-weight: bold;
font-size: 14px;
font-family:tahoma;
}
.dstorsubmenu {
display: none;
position: absolute;
background: rgba(0,48,255,0.9);
height: 60px;
width: 100px;
border-radius: 50px;
padding-top: 40px;
font-size: 12px;
font-family:tahoma;
}
.dstormenu:hover {
background: rgba(0,48,255,0.9);
-moz-transition: all 1000ms ease;
-webkit-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family:tahoma;
}
.dstormenu:hover > .dstorsubmenu {
display: block;
-moz-animation: appear 500ms normal 1 ease;
-webkit-animation: appear 500ms normal 1 ease;
-o-animation: appear 500ms normal 1 ease;
-ms-animation: appear 500ms normal 1 ease;
animation: appear 500ms normal 1 ease;
}
@-moz-keyframes appear {
from {
-moz-transform: scale(0);
background: rgba(0,0,0,1);
}
to {
-moz-transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
@-webkit-keyframes appear {
from {
-webkit-transform: scale(0);
background: rgba(0,0,0,1);
}
to {
-webkit-transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
@-o-keyframes appear {
from {
-o-transform: scale(0);
background: rgba(0,0,0,1);
}
to {
-o-transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
@-ms-keyframes appear {
from {
-ms-transform: scale(0);
background: rgba(0,0,0,1);
}
to {
-ms-transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
@keyframes appear {
from {
transform: scale(0);
background: rgba(0,0,0,1);
}
to {
transform: scale(1);
background: rgba(0,48,255,0.9);
}
}
.m1 {
margin-left: -20px;
margin-top: -157px;
}
.m2 {
margin-left: 100px;
margin-top: -157px;
}
.m3 {
margin-left: -80px;
margin-top: -53px;
}
.m4 {
margin-left: 100px;
margin-top: 46px;
}
.m5 {
margin-left: -20px;
margin-top: 46px;
}
.m6 {
margin-left: 160px;
margin-top: -53px;
}
</style>
</head>
<body>
<div class="dstormenu">
GEOLOAD.IN
<div class="dstorsubmenu m1">
<a class="link" href="#">HTML5</a></div>
<div class="dstorsubmenu m2">
<a class="link" href="#">CSS3</a>
</div>
<div class="dstorsubmenu m3">
<a class="link" href="#">SCRIPTS</a>
</div>
<div class="dstorsubmenu m4">
<a class="link" href="#">LOAD</a>
</div>
<div class="dstorsubmenu m5">
<a class="link" href="#">NEWS</a>
</div>
<div class="dstorsubmenu m6">
<a class="link" href="#">DESIGN</a>
</div>
</div>
| სულ კომენტარები: 0 | |
