linkedin facebook linkedin facebook nod32

Sayt sahifasida CSS3 yordamida chiroyli teglarni yaratish

Muallif: Mengliyev Sh.

Qo`shilgan sana: 2015-09-09

Sayt sahifasida CSS3 yordamida chiroyli teglarni yaratish

Css3 yordamida saytingizda mazmunli ko`rinish hosil qilish uchun quyidagi sahifadan foydalaning buning uchun siz Index.html ga quyidagilarni joylashtirishingiz lozim buning uchun bloknot ga quyidagi kodni joylashtirib nom va kengaytma bilan saqlang misol index.html ko`rinishida va o`z saytingizga joylashtiring.

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8" />

<title>CSS3 yordamida chiroyli teglarni yaratish</title>

<link rel="stylesheet" type="text/css" media="all" href="tags.css" />

<meta name="description" content=" Sayt sahifasida CSS3 yordamida chiroyli teglarni yaratish" />

<meta name="keywords" content="teg, CSS" />

<style>

html, body {
width: 100%;
height: 100%;
color:#333;
background: #DCDCDC url(chruch.png);
font-family: "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:0.95em;
line-height:135%;
}
a {
margin-left:100px;
color: #1d9d00;
text-decoration:none;
}

a:hover {
color:#FF6766;
text-decoration: none;
}

#wrapper {
border:0px solid #ccc;
width: 1000px;
margin: 0 auto;
height: auto !important;

}

.tagcloud {
float:left;
width:300px;
margin-top:20px;
margin-right:10px;

}

.tagcloud a {
font-size:13px;
color:#999;
border-radius: 3px;
background: #333;
border-bottom:2px solid #888;
margin:5px;
padding:5px 5px 7px;
float:left;

-moz-transition: all 0.2s 0.01s ease-in;
-o-transition: all 0.2s 0.01s ease-in;
-webkit-transition: all 0.2s 0.01s ease-in;

}

.tagcloud a:hover {
color:#fff;
background-color:#FF6766;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);



}

 

</style>

</head>
<body>
<a href="http://rd.uz/">rd.uz saytiga o`tish</a>
<div id="wrapper">

<h1>Misol CSS3 belgi</h1>

<div class="tagcloud">
<a href='http://rd.uz/index.php?cat=45' class='tag-link-9' target="_blank" title='Kino saytlar'>Kino</a>
<a href='http://rd.uz/index.php?cat=43' class='tag-link-3' target="_blank" title='Musiqa saytlar'>Musiqa</a>
<a href='http://rd.uz/index.php?cat=24' class='tag-link-28' target="_blank" title='Kompyuter saytlar'>Kompyuter</a>

<a href='http://rd.uz/index.php?cat=55' class='tag-link-9' target="_blank" title='Ofis saytlar'>Ofis</a>
<a href='http://rd.uz/index.php?cat=17' class='tag-link-3' target="_blank" title='Forum saytlar'>Forum</a>
<a href='http://rd.uz/index.php?cat=15' class='tag-link-28' target="_blank" title='Tanishuv saytlar'>Tanishuv</a>

<a href='http://rd.uz/index.php?cat=1' class='tag-link-40' target="_blank" title='Universal saytlar ro`yxati'>Universal</a>
<a href='http://rd.uz/index.php?cat=56' class='tag-link-10' target="_blank" title='Mp3 saytlari'>Mp3</a>
<a href='http://rd.uz/index.php?cat=12' class='tag-link-19' target="_blank" title='Afisha saytlari '>Afisha</a>

<a href='http://rd.uz/index.php?cat=1' class='tag-link-40' target="_blank" title='Universal saytlar ro`yxati'>Universal</a>
<a href='http://rd.uz/index.php?cat=56' class='tag-link-10' target="_blank" title='Mp3 saytlari'>Mp3</a>
<a href='http://rd.uz/index.php?cat=12' class='tag-link-19' target="_blank" title='Afisha saytlari '>Afisha</a>

<a href='http://rd.uz/index.php?cat=16' class='tag-link-34' target="_blank" title='Chat saytlar'>Chat</a>
<a href='http://rd.uz/index.php?cat=19' class='tag-link-45' target="_blank" title='Oila saytlar'>Oila</a>
<a href='http://rd.uz/index.php?cat=10' class='tag-link-42' target="_blank" title='Ob-havo saytlar'>Ob-havo</a>

<a href='http://rd.uz/index.php?cat=22' class='tag-link-16' target="_blank" title='Moda va go`zallik saytlar'>Moda va go`zallik</a>
<a href='http://rd.uz/index.php?cat=9' class='tag-link-37' target="_blank" title='Blog saytlar'>Blog</a>

<a href='http://rd.uz/index.php?cat=6' class='tag-link-55' target="_blank" title='Yangilik saytlar'>Yangilik</a>
<a href='http://rd.uz/index.php?cat=49' class='tag-link-33' target="_blank" title='9Avtomobil savdo saytlar'>Avtomobil savdo</a>

<a href='http://rd.uz/index.php?cat=92' class='tag-link-27' target="_blank" title='Mashhur saytlar'>Mashhur</a>
<a href='http://rd.uz/index.php?cat=4' class='tag-link-35' target="_blank" title='Elektron do`kon saytlar'>Elektron do`kon</a>

<a href='http://rd.uz/index.php?cat=2' class='tag-link-30' target="_blank" title='Mavzulashgan saytlar'>Mavzulashgan</a>
<a href='http://rd.uz/index.php?cat=18' class='tag-link-47' target="_blank" title='Pazandalik saytlar'>Pazandalik</a>

<a href='http://rd.uz/index.php?cat=49' class='tag-link-32' target="_blank" title='5Avtomobil savdo saytlar'>Avtomobil savdo</a>
<a href='http://rd.uz/index.php?cat=50' class='tag-link-44' target="_blank" title='2Avto muxlis saytlar'>Avto muxlis</a>

<a href='http://rd.uz/index.php?cat=26' class='tag-link-60' target="_blank" title='Mobil aloqa saytlar'>Mobil aloqa</a>
<a href='http://rd.uz/index.php?cat=25' class='tag-link-71' target="_blank" title='Internet saytlar'>Internet</a>

<a href='http://rd.uz/index.php?cat=7' class='tag-link-59' target="_blank" title='Televideniye saytlar'>Televideniye</a>
<a href='http://rd.uz/index.php?cat=14' class='tag-link-53' target="_blank" title='Kulgu saytlar'>Kulgu</a>
<a href='http://rd.uz/index.php?cat=27' class='tag-link-17' target="_blank" title='Dastur saytlar'>Dastur</a>
<a href='http://rd.uz/index.php?cat=31' class='tag-link-36' target="_blank" title='E-pochta saytlar'>e-pochta</a>
<a href='http://rd.uz/index.php?cat=28' class='tag-link-5' target="_blank" title='Torrent saytlar'>Torrent</a>

<a href='http://rd.uz/index.php?cat=39' class='tag-link-56' target="_blank" title='Oliy ta'lim saytlar'>Oliy ta`lim</a>
<a href='http://rd.uz/index.php?cat=40' class='tag-link-18' target="_blank" title='O`rta ta`lim saytlar'>O`rta ta`lim</a>
<a href='http://rd.uz/index.php?cat=79' class='tag-link-39' target="_blank" title='Shaxmat shashka saytlar'>Shaxmat shashka</a>
<a href='http://rd.uz/index.php?cat=41' class='tag-link-52' target="_blank" title='Kurs saytlar'>Kurs</a>
<a href='http://rd.uz/index.php?cat=48' class='tag-link-24' target="_blank" title='Madaniyat saytlar'>Madaniyat</a>
<a href='http://rd.uz/index.php?cat=57' class='tag-link-22' target="_blank" title='Video saytlar'>Video</a>
<a href='http://rd.uz/index.php?cat=60' class='tag-link-11' target="_blank" title='Futbol saytlar'>Futbol</a>
<a href='http://rd.uz/index.php?cat=46' class='tag-link-57' target="_blank" title='Muzey saytlar'>Muzey</a>
<a href='http://rd.uz/index.php?cat=4' class='tag-link-7' target="_blank" title='Elektron qabul saytlar'>Elektron qabul </a>
<a href='http://rd.uz/index.php?cat=52' class='tag-link-58' target="_blank" title='Ko`chmas mulk saytlar'>Ko`chmas mulk</a>
<a href='http://rd.uz/index.php?cat=51' class='tag-link-54' target="_blank" title='Moliya saytlar'>Moliya</a>
<a href='http://rd.uz/index.php?cat=13' class='tag-link-6' target="_blank" title='Ma`lumot saytlar' >Ma`lumot</a>

<a href='http://rd.uz/index.php?cat=58' class='tag-link-43' target="_blank" title='Rasm saytlar' >Rasm</a>
<a href='http://rd.uz/index.php?cat=54' class='tag-link-12' target="_blank" title='Reklama saytlar' >Reklama</a>
<a href='http://rd.uz/index.php?cat=8' class='tag-link-51' target="_blank" title='Nashriyot saytlar' >Nashriyot</a>
<a href='http://rd.uz/index.php?cat=11' class='tag-link-20' title='Transport saytlar'>Transport</a>

<a href='http://rd.uz/index.php?cat=20' class='tag-link-29' target="_blank" title='Salomatlik saytlar'>Salomatlik</a>
<a href='http://rd.uz/index.php?cat=59' class='tag-link-15' target="_blank" title='Fayl saytlar'>Fayl</a>
<a href='http://rd.uz/index.php?cat=34' class='tag-link-41' target="_blank" title='Diniy saytlar'>Diniy</a>

<a href='http://rd.uz/index.php?cat=35' class='tag-link-29' target="_blank" title='Tashkilot saytlar'>Tashkilot</a>
<a href='http://rd.uz/index.php?cat=36' class='tag-link-15' target="_blank" title='Turizm saytlar'>Turizm</a>
<a href='http://rd.uz/index.php?cat=44' class='tag-link-41' target="_blank" title='Adabiyot saytlar'>Adabiyot</a>

<a href='http://rd.uz/index.php?cat=32' class='tag-link-29' target="_blank" title='Hokimiyat saytlar'>Hokimiyat</a>
<a href='http://rd.uz/index.php?cat=33' class='tag-link-15' target="_blank" title='Qonunchilik saytlar'>Qonunchilik</a>
<a href='http://rd.uz/index.php?cat=47' class='tag-link-41' target="_blank" title='Raqs saytlar'>Raqs</a>

<a href='http://rd.uz/index.php?cat=84' class='tag-link-29' target="_blank" title='Poyga saytlar'>Poyga</a>
<a href='http://rd.uz/index.php?cat=82' class='tag-link-15' target="_blank" title='Otishma saytlar'>Otishma</a>
<a href='http://rd.uz/index.php?cat=80' class='tag-link-41' target="_blank" title='Yakka kurash saytlar'>Yakka kurash</a>

<a href='http://rd.uz/index.php?cat=83' class='tag-link-29' target="_blank" title='Strategiya saytlar'>Strategiya</a>
<a href='http://rd.uz/index.php?cat=53' class='tag-link-15' target="_blank" title='Qurilish saytlar'>Qurilish</a>
<a href='http://rd.uz/index.php?cat=85' class='tag-link-41' target="_blank" title='Rolga kirish saytlar'>Rolga kirish</a>
<a href='http://rd.uz/index.php?cat=87' class='tag-link-29' target="_blank" title='Konchilik saytlar'>Konchilik</a>
<a href='http://rd.uz/index.php?cat=88' class='tag-link-15' target="_blank" title='Mashinasozlik saytlar'>Mashinasozlik</a>
<a href='http://rd.uz/index.php?cat=89' class='tag-link-41' target="_blank" title='Kimyo saytlar'>Kimyo</a>
<a href='http://rd.uz/index.php?cat=91' class='tag-link-29' target="_blank" title='Agrosanoat saytlar'>Agrosanoat </a>
<a href='http://rd.uz/index.php?cat=93' class='tag-link-15' target="_blank" title='Abuturient saytlar'>Abuturient</a>
<a href='http://rd.uz/index.php?cat=90' class='tag-link-41' target="_blank" title='Yengil sanoat saytlar'>Yengil sanoat</a>
<a href='http://rd.uz/index.php?cat=94' class='tag-link-15' target="_blank" title='WebMaster saytlar'>WebMaster</a>
<a href='http://rd.uz/index.php?cat=95' class='tag-link-41' target="_blank" title='FotoMaster saytlar'>FotoMaster</a>

</div>

</body>
</html>

1712 marta o`qildi.

Parol:
Eslab qolish.


Ro`yhatdan o`tish

testing

+998915878681

Siz o`z maxsulotingizni 3D reklama ko`rinishda bo`lishini xohlaysizmi? Unda xamkorlik qilamiz.

3D Reklama


Рейтинг@Mail.ru
Рейтинг@Mail.ru

Besucherzahler
счетчик посещений