მთავარი
ფორუმი
თხოვნები
კონტაქტი
რეკლამა
სიახლის დამატება
ჰოსტინგი
ქვედომენები
ბანერები
Login:
Pass:
მთავარი
»
2013
»
მარტი
»
28
» Animation Menu Horizontal
10:18 PM
Animation Menu Horizontal
დასახელება:
ანიმაციური მენიუ ჰორიზონტალური
ავტორი:
AmGigauri
ძრავა:
uCoz
აღწერა:
ეს არის ლამაზი ყვითელი ჰორიზონტალური მენიუ ანიმაციური. ისეთია როგორსაც სურათზე ხედავთ...
Quote
(
1
)
ეს ჩასვით იქ სადაც გინდათ რომ გამოჩნდეს
Code
<div class='ribbon'> <a href='#'><span>მთავარი</span></a> <a href='#'><span>ჩვენს შესახებ</span></a> <a href='#'><span>სერვისი</span></a> <a href='#'><span>HDLESS.IN</span></a> </div>
Quote
(
2
)
ეს კი ჩასვით CSS-ში..
Code
ribbon { display:inline-block; } .ribbon:after, .ribbon:before { margin-top:0.5em; content: ""; float:left; border:1.5em solid #fff; } .ribbon:after { border-right-color:transparent; } .ribbon:before { border-left-color:transparent; } .ribbon a:link, .ribbon a:visited { color:#000; text-decoration:none; float:left; height:3.5em; overflow:hidden; } .ribbon span { background:#fff; display:inline-block; line-height:3em; padding:0 1em; margin-top:0.5em; position:relative; -webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */ -moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */ -ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */ -o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */ transition: background-color 0.2s, margin-top 0.2s; } .ribbon a:hover span { background:#FFD204; margin-top:0; } .ribbon span:before { content: ""; position:absolute; top:3em; left:0; border-right:0.5em solid #9B8651; border-bottom:0.5em solid #fff; } .ribbon span:after { content: ""; position:absolute; top:3em; right:0; border-left:0.5em solid #9B8651; border-bottom:0.5em solid #fff; }
1
2
3
4
5
კატეგორია:
uCoz სკრიპტები
| ნანახია: 564 | დაამატა:
AmG
| ტეგები:
Horizontal menu
,
HDLESS.IN
,
By AmGigauri
| რეიტინგი:
0.0
/
0
სულ კომენტარები:
0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[
რეგისტრაცია
|
შესვლა
]
საიტის მენიუ
მთავარი გვერდი
uCoz დიზაინები
uCoz სკრიპტები
DLE დიზაინები
DLE მოდულები
DLE ჰაკები
DLE სიახლეები
DLE RELEASES
ფორუმის დიზაინები
WordPress დიზაინები
WordPress ფლაგინები
WordPress სიახლეები
Joomla დიზაინები
Joomla მოდიფიკაციები
Joomla კომპონენტები
სხვა ძრავები
PSD
სოფტი
სხვადასხვა...
გაკვეთილები
ფასიანი ფაილები
შესვლის ფორმა
Log in via uID
Old login form
E-mail:[
]
Password:
remember
Lost password
|
Sign Up
რეკლამის ადგილი
რეკლამა შეუკვეთეთ მხოლოდ
AmGigaur'ს
ძებნა
საიტის მეგობრები
online films
ქართულად ფილმები ონლაინში
საიტის მეგობრები
სტატისტიკა
www.wsa.ge
სულ ონლაინში:
1
სტუმარი:
1
მომხმარებელი:
0