CSS ile sitemin küçük bir şerit yapmak istiyorum :) - Sayfa 2

17-09-2015, 01:59:48

#10

thealiyasar

Napolyon adlı üyeden alıntı: mesajı görüntüle

Görseli düzenlerim kendim problem olmaz fakat css ile yapımı mümkün mü bunun? Katkınız için teşekkür ederim.

FSahin adlı üyeden alıntı: mesajı görüntüle

http://jsfiddle.net/vjdauage/

Şuradaki örneğe bakarak istediğin şeyi elde edebilirsin hocam

mümkün tabi hocam arkadasın yaptıgı gibi her renge bir div açarsınız boyutlarınıda % 'lerde ayarlarsınız 100% 'e tamamlıcak şekilde

17-09-2015, 02:01:05

#11

FSahin

Napolyon adlı üyeden alıntı: mesajı görüntüle

Tam olarak bu sanırım.

Çok teşekkür ederim, gece gece uğraştırdım.

Rica ederim hocam

17-09-2015, 02:02:15

#12

Napolyon

Birdilimask adlı üyeden alıntı: mesajı görüntüle

mümkün tabi hocam arkadasın yaptıgı gibi her renge bir div açarsınız boyutlarınıda % 'lerde ayarlarsınız 100% 'e tamamlıcak şekilde

Tamamdır, deneyeceğim bunu. Mesela 5 renk kullanıp %100'e tamamlayacağım oranı, sonrasında kendi kendine renkleri tekrarlar mı?

17-09-2015, 02:04:00

#13

FSahin

Napolyon adlı üyeden alıntı: mesajı görüntüle

Tamamdır, deneyeceğim bunu. Mesela 5 renk kullanıp %100'e tamamlayacağım oranı, sonrasında kendi kendine renkleri tekrarlar mı?

Kendi kendine renklerin tekrarlamasını istiyorsanız şu şekilde yapacaksanız.

Her dive %10 genişlik tanıyacaksanız. 5 renk yapacaksınız, her rengin divin genişliği %10 olacak. Daha sonra o 5 divi kopyalayıp diğerinin altına yapıştıracaksınız. Bu sayede 10 div olacak ve tekrarlanmış olacak.

17-09-2015, 02:07:53

#14

thealiyasar

velhasıl kelam

<div class="cizgi">
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
    <div class="cz kirmizi"></div>
    <div class="cz sari"></div>  
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
    <div class="cz kirmizi"></div>
    <div class="cz sari"></div> 
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
</div>

.cizgi {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 10px;
}

.cizgi .cz {
    float: left;
    width: 10%;
    height: 10px;
}

.cizgi .mavi {
    background: #0a8bf9;
}

.cizgi .siyah {
    background: #000;
}

.cizgi .kirmizi {
    background: #f90a2c;
}

.cizgi .sari {
    background: #f9eb0a;
}

@FSahin hocam senden kopyaladım helal et hakkını

17-09-2015, 02:52:57

#15

FSahin

Birdilimask adlı üyeden alıntı: mesajı görüntüle

velhasıl kelam

<div class="cizgi">
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
    <div class="cz kirmizi"></div>
    <div class="cz sari"></div>  
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
    <div class="cz kirmizi"></div>
    <div class="cz sari"></div> 
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
</div>

.cizgi {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 10px;
}

.cizgi .cz {
    float: left;
    width: 10%;
    height: 10px;
}

.cizgi .mavi {
    background: #0a8bf9;
}

.cizgi .siyah {
    background: #000;
}

.cizgi .kirmizi {
    background: #f90a2c;
}

.cizgi .sari {
    background: #f9eb0a;
}

@FSahin hocam senden kopyaladım helal et hakkını

Helal olsun hocam ne demek ya