Html / css bilen kişi aranıyor.

06-03-2021, 14:50:19

#1

~~JimmyBey~~

Üyeliği durduruldu

tamamlanmıştır..
tamamlanmıştır..
tamamlanmıştır.. tamamlanmıştır..

06-03-2021, 14:53:56

#2

darkazov

@bulentking; müsaitse yardımcı olacaktır

06-03-2021, 14:54:06

#3

~~gorevburada~~

Kimlik doğrulama veya yönetimden onay bekliyor.

Hayırlı işler hocam

06-03-2021, 14:56:08

#4

btnaslan

Merhaba,
Yapılacak örnek tablo iletirseniz fiyat teklifi vermek isterim

06-03-2021, 14:57:35

#5

~~JimmyBey~~

Üyeliği durduruldu

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

@bulentking; müsaitse yardımcı olacaktır

Teşekkürler

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

Merhaba,
Yapılacak örnek tablo iletirseniz fiyat teklifi vermek isterim

Hocam tablo aynı şekil, ama özel şekilde yaptırıyorum şuan ölçü vs aynı

06-03-2021, 18:42:08

#6

thealiyasar

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

Merhaba örnek tabloyu html / css olarak istiyorum verilen sitedeki linklere göre olacaktır.

Fiyat ile pm lütfen

Tablo örnektir bu değildir

Responsive konusunda birşey yazmamışsınız o yüzden responsive haline çevirmedim. Ama genel olarak istediğiniz şablon bu kodlarla oluşmaktadır. Maksimum genişlik nedir bilmediğimden 100% olarak düşündüm ve 100/11 sonucunu her kutunun genişliği olarak belirledim. Ben icon ve text olarak yaptım. Artık siz resim mi eklersiniz yoksa özel bir ayar mı yaparsınız bilmem.

<div class="flex-container">
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>
<!-- #response -->
<div class="flex-item-response">
<div class="span-container">
<span class="flex-icon">
<i class="fab fa-500px"></i>
</span>
<span class="flex-text">
500px
</span>
</div>
</div>

</div>

.flex-container{
display: flex;
flex-flow: row wrap;
}
.flex-item-response{
flex:9%;
height: 100px;
background: red;
display: flex;
justify-content: center;
align-items: center;
}
.flex-item-response:nth-child(2n+1){
background: yellow;
}
.flex-item-response span{
display: block;
text-align: center;
}