Yeni Kayıt
Konudaki Resimler
|
. Unutmadan resimlerin üzerine gelince gri olan çerçeve kırmızıya dönüşüyor bunu da gözden kaçırmamanızı umuyorum
. Şimdiden teşekkürler. 
Hızlı 
Bildirim
Resimli Kategori Nasıl Yapılır?
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
Giriş
Mesaj
-
-
atcemaati
A
kullanıcısına yanıt
li tagına kategori resimleri için bir img kodu ekleyerek ve konumlarını ayarlayarak yapabilirsin.Kırmızı olmadı içinde, aynı li tagına bir class atıyarak hover metodu ile üstüne gelince kenar yani border renginin değişmesini sağlayabilirsin.
< Bu ileti mobil sürüm kullanılarak atıldı > -
cevabını anladım. Ancak bilgim çok fazla değil kopyala yapıştır ile bu işleri hallediyorum. O sebeple senin için sorun olmayacaksa iskelet diyeceğimiz örnek bir kod paylaşabilirmisin? -
atcemaati
A
kullanıcısına yanıt
<ul>
<li class="renk">
<img class="ayar" src="resim.png" />
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107525071&url=#" data-href="#">kategori adı</a>
</li>
</ul>
Şimdi burda ne yaptığımızı açıklayacak olursak, ul etiketi ile menümüzü bir arada tuttuk.Daha sonra li etiketi açarak resim ve kategori linkini buraya hapsettik.Li etiketine vermiş olduğumuz class ile üzerine gelince çerçevenin kırmızı renge dönüşmesini sağlayacağız.Resim boyutu vs. Ayarları içinde Ayriyeten class oluşturduk.Şimdi hover verelim;
.renk:hover {border: 1px solid red}
Böyle dedikten sonra birkaç düzenleme ile işimiz bitti.
Not: Bu mantığı iyice oturtman için bir örnek.İstediğin hale getirmen gerekecek.
Not 2: Hoverda ki red renk kodunu böyle değilde HEX kodu ile girmen daha mantıklı olacaktır.
< Bu ileti mobil sürüm kullanılarak atıldı >
-
Öncelikle moliver sana çok teşekkür ediyorum. Verdiğin kodla bir şeyler yaptım ancak 3 saat uğraşmama rağmen bir türlü sonuca ulaşamadım sanırım class larda hata yapıyorum. Yaparken direk Dw dan html açıp head kısmına style kodlarını girdim, sonra body e de ul ve li kodlarını class ları ekledim ancak biraz düzelsede beceremedim.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>kategori</title>
<style type= "text/css">
.renk:hover {
border: 1px solid #FF0004
}
</style>
<style type= "text/css">
.subkat {
float: left;
width: 135px;
height: 120px;
margin: 15px !important;
border-radius: 3px;
border: 1px solid #FF0004;
}
</style>
</style>
<style type= "text/css">
.katresim {
max-width: 100%;
max-height: 90px;
margin-bottom: 5px;
}
</style>
<ul>
<li class=".renk">
<img class=".katresim" src="resim.png" />
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107540596&url=http://google.com" data-href="http://google.com">kategori adı</a>
</li>
</ul>
</body>
</html>
(farklı farklı class sistemleri denememe rağmen sonuca ulaşamadım)
saygıdeğer moliver bana direk hazır class vs. li bir kod verebilir misin?
biliyorum vaktini alacak ancak işin içinden çıkamıyorum.
Yapamam dersen de sorun değil bu arada.
-
atcemaati
A
kullanıcısına yanıt
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>kategori</title>
<style type= "text/css">
.renk:hover {
border: 1px solid #FF0004
}
.subkat {
float: left;
width: 135px;
height: 120px;
margin: 15px !important;
border-radius: 3px;
border: 1px solid #FF0004;
}
.katresim {
max-width: 100%;
max-height: 90px;
margin-bottom: 5px;
}
</style>
</head>
<body>
<ul>
<li class="renk">
<img class="katresim" src="resim.png" />
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107546374&url=http://google.com" data-href="http://google.com">kategori adı</a>
</li>
</ul>
<\body>
<\html>
Şimdi birincisi head etiketinden sonra sadece bir kere <style> aç ve <\style> kapat.Sen her kod için açıp kapatmışsın bu yanlış.İkincisi, class ve id diye ikiye ayrılır.Class değerleri style dosyasında "." Ile başlar, id ise "#" ike başlar.Bunlar sadece style dosyasında tanımlanır.Yani .renk{....} style dosyamdaki hali, bunu classtaki hali class="renk" dikkat ettiysen, başında nokta yok.üçüncüsü orada bir .subkat classı var fakat menü kodlarında bu tanımlanmamış.Bunu nerde kullanmak istiyordun?Son olarak resim dosya yolu locolhostta çalıştığın için şöyle alabilirsin.Resimin olduğu KLasörü aç ve yukarıdaki adres satırına tıkla oradaki adresleri kopyala ve kodundaki ilgili yere yapmıştır.Adresin devamınada resmin adını ve uzantısını yaz.örneğin, C:/belgeler/dosya/resim.png gibi.Birde eklemeyi unutmuşum, head, html ve body etiketlerini açıp/kapatmayı unutmuşsun.
< Bu mesaj bu kişi tarafından değiştirildi MOLİVER -- 2 Temmuz 2015; 12:02:17 >
< Bu ileti mobil sürüm kullanılarak atıldı >
-
Moliver herşey için teşekkürler senin son verdiğin kod da işe yaramadı ul kodu olmadan div lere class vererek istediğimi yaptım. tabi bunda senin katkın büyük dediğin gibi işin mantığını çözdüm. Son hali:
-
1
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
