CSS CSS nedir, CSS örnekleri, çözümleri
24/04/07, 00:12
#1
Tuðgeneral
Üyelik tarihi: Apr 2007
Bulunduðu yer: VAN
Yaş: 37
Mesajlar: 924
CSS ile Menü Yapmak II - Yatay Menüler
Yatay Menüler
Bir önceki makalede dikey menüye bir örnek yapmýþtýk. þžimdi de yatay menülere bir örnek vereceðiz. Önceki makalede bahsettiðimiz gibi yatay ve dikey menüler belli bir yere kadar kodlamasý aynýdýr. Biz ayný olan kýsmý geçip sonrasýna devam ediyoruz.
Kaldýðýmýz yerden devam edersek. Linkleri yatay olarak dizmek için display:inline özelliðini kullanýyoruz:
ul.menu { list-style-type: none; }
ul.menu {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.emu li { display: inline; }
Linklerin altýndaki çizgileri kaldýrýyoruz:
ul.menu { list-style-type: none; }
ul.menu {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.menu li { display: inline; }
ul.menu li a { text-decoration: none; }
Linkler arasýna biraz boþluk veriyoruz:
ul.menu { list-style-type: none; }
ul.menu {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.menu li { display: inline; }
ul.menu li a {
text-decoration: none;
padding: .2em 1em;
}
Menüyü biraz renklendiriyoruz:
ul.menu { list-style-type: none; }
ul.menu {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.menu li { display: inline; }
ul.menu li a {
text-decoration: none;
padding: .2em 1em;
color: #1B1B1B;
background-color: #E2E2E2;
}
Son olarakta rollover efekti vermek için a:hover özelliðine renk atýyoruz:
ul.menu { list-style-type: none; }
ul.menu {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.menu li { display: inline; }
ul.menu li a {
text-decoration: none;
padding: .2em 1em;
color: #1B1B1B;
background-color: #E2E2E2;
}
ul.menu li a:hover
{
background-color: #999;
}
Konu Sayýsý: 187
01/03/08, 22:14
#2
Yasaklý kullanýcý
Üyelik tarihi: Jan 2008
Bulunduðu yer: Ýstediðin yerden
Mesajlar: 1.883
paylaşım için sağol
Konu Sayýsý: 316
Takýmýnýz:
14/03/08, 20:38
#3
Korgeneral
Üyelik tarihi: Oct 2007
Bulunduðu yer: evde :)
Yaş: 45
Mesajlar: 2.544
paylaşım için tşkler
Konu Sayýsý: 497
Takýmýnýz:
04/08/08, 09:36
#4
Mareþal
Üyelik tarihi: Sep 2007
Mesajlar: 5.835
tşkler...
__________________
Konu Sayýsý: 613
Takýmýnýz:
18/07/24, 03:25
#5
Acemi Er
Üyelik tarihi: Jun 2024
Bulunduðu yer: Peru
Mesajlar: 18
Tecrübe Puanı:
0
cialis commercial background template
Determination of active ingredients of Rhododendron dauricum L by capillary electrophoresis with electrochemical detection <a href=http://cialis.lat/discover-the-best-prices-for-cialis>buy cialis online united states</a>
Konu Sayýsý: 4
Takýmýnýz:
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
Yetkileriniz
Yeni Mesaj yazma yetkiniz Aktif deðil dir.
Mesajlara Cevap verme yetkiniz aktif deðil dir.
Eklenti ekleme yetkiniz Aktif deðil dir.
Kendi Mesajýnýzý deðiþtirme yetkiniz Aktif deðildir dir.
HTML-KodlarıKapalı
Bütün Zaman Ayarları WEZ +3 olarak düzenlenmiştir. Şu Anki Saat: 11:16 .
Sitemap
6 ,
5 ,
3 ,
7 ,
8 ,
9 ,
10 ,
11 ,
12 ,
13 ,
14 ,
15 ,
113 ,
16 ,
17 ,
18 ,
19 ,
81 ,
20 ,
27 ,
22 ,
23 ,
24 ,
25 ,
26 ,
48 ,
28 ,
29 ,
30 ,
31 ,
32 ,
33 ,
34 ,
35 ,
36 ,
37 ,
38 ,
39 ,
43 ,
136 ,
40 ,
58 ,
45 ,
42 ,
44 ,
46 ,
47 ,
53 ,
54 ,
55 ,
56 ,
57 ,
59 ,
60 ,
70 ,
61 ,
62 ,
63 ,
64 ,
65 ,
66 ,
68 ,
69 ,
71 ,
72 ,
74 ,
75 ,
76 ,
77 ,
78 ,
79 ,
80 ,
82 ,
83 ,
96 ,
84 ,
85 ,
86 ,
87 ,
88 ,
89 ,
90 ,
91 ,
92 ,
93 ,
94 ,
95 ,
98 ,
97 ,
100 ,
101 ,
102 ,
103 ,
106 ,
104 ,
105 ,
112 ,
109 ,
108 ,
107 ,
110 ,
111 ,
114 ,
115 ,
118 ,
116 ,
117 ,
119 ,
148 ,
154 ,
124 ,
165 ,
122 ,
120 ,
123 ,
121 ,
150 ,
153 ,
125 ,
128 ,
129 ,
131 ,
132 ,
133 ,
134 ,
135 ,
137 ,
138 ,
139 ,
140 ,
141 ,
142 ,
143 ,
144 ,
145 ,
146 ,
147 ,
151 ,
149 ,
202 ,
175 ,
164 ,
152 ,
167 ,
155 ,
156 ,
157 ,
158 ,
159 ,
160 ,
161 ,
162 ,
163 ,
195 ,
169 ,
166 ,
168 ,
170 ,
171 ,
172 ,
199 ,
174 ,
173 ,
196 ,
200 ,
176 ,
177 ,
180 ,
178 ,
179 ,
182 ,
189 ,
187 ,
184 ,
186 ,
191 ,
192 ,
193 ,
194 ,
197 ,
198 ,
201 ,
203 ,
229 ,
204 ,
205 ,
206 ,
207 ,
208 ,
209 ,
210 ,
211 ,
212 ,
213 ,
214 ,
215 ,
216 ,
217 ,
218 ,
219 ,
220 ,
221 ,
222 ,
223 ,
224 ,
236 ,
231 ,
232 ,
233 ,
234 ,
235 ,
237 ,
240 ,
239 ,
241 ,
243 ,
242 ,
244 ,