css kodlarına asp kodları ekleme

11-10-2020, 15:49:59

Arkadaşlar ucretsiz kullanmak istediğim bir css tasarıma kendi asp kodlamamı entegre edacegim fakat cs konusunda cok bilgi sahibi degilim. aşağıdaki resim kodlamanı görüntüsü asp de kullandıgım kodlama aşağıda belirttim fakat bu kodla alt alta sıralıyor resimde ki ve asıl orjinel css kodunda oldugu gibi olmuyor.

bu konuda yardımcı olacak bir arkadaş varmı.

<%
Set hb = b2.Execute("select * from haber order by id desc")
If not hb.eof then%>
<%Set basliksay = b2.Execute("Select count(id) from haber")
basliksayisi = hb.recordcount%>
<%If basliksay(0) > 3 then verisay = 3 else verisay = basliksay(0)
basliksay.close%>
<%For i = 1 to verisay
If i = 1 then %>

1.resim

<% else %>

2.3.4 resimler

<%
end if
hb.movenext
next
End If
hb.close
%>

<!-- Trending Top -->
<div class="trending-top mb-30">
<div class="trend-top-img">
<img src="haber-resim.jpg" alt="">
<div class="trend-top-cap">
<span>Haber</span>
<h2><a href="details.html">Haber yazısı</a></h2>
</div>
</div>
</div>

<!-- Trending Bottom -->
<div class="trending-bottom">
<div class="row">
<div class="col-lg-4">
<div class="single-bottom mb-35">
<div class="trend-bottom-img mb-30">
<img src="haber-resim.jpg" alt="">
</div>
<div class="trend-bottom-cap">
<span class="color1">Haber</span>
<h4><a href="details.html">Haber yazısı</a></h4>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-bottom mb-35">
<div class="trend-bottom-img mb-30">
<img src="haber-resim.jpg" alt="">
</div>
<div class="trend-bottom-cap">
<span class="color2">Haber</span>
<h4><h4><a href="details.html">Haber yazısı</a></h4></h4>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-bottom mb-35">
<div class="trend-bottom-img mb-30">
<img src="haber-resim.jpg" alt="">
</div>
<div class="trend-bottom-cap">
<span class="color3">Haber</span>
<h4><a href="details.html">Haber yazısı</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>

11-10-2020, 15:54:29

#2

Misafir

<!-- Trending Top -->
<div class="trending-top mb-30">
<div class="trend-top-img">
<%
Set hb = b2.Execute("select * from haber order by id desc")
If not hb.eof then%>
<%Set basliksay = b2.Execute("Select count(id) from haber")
basliksayisi = hb.recordcount%>
<%If basliksay(0) > 3 then verisay = 3 else verisay = basliksay(0)
basliksay.close%>
<%For i = 1 to verisay
If i = 1 then %>
 
1.resim

<div class="trend-top-cap">
<span>Haber</span>
<h2><a href="details.html">Haber yazısı</a></h2>
</div>
</div>
</div>

<!-- Trending Bottom -->
<div class="trending-bottom">
<div class="row">
<div class="col-lg-4">
<div class="single-bottom mb-35">
<div class="trend-bottom-img mb-30">
<% else %>
 
2.3.4 resimler
 
<%
end if
hb.movenext
next
End If
hb.close
%>

</div>
<div class="trend-bottom-cap">
<span class="color1">Haber</span>
<h4><a href="details.html">Haber yazısı</a></h4>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-bottom mb-35">
<div class="trend-bottom-img mb-30">
<img src="haber-resim.jpg" alt="">
</div>
<div class="trend-bottom-cap">
<span class="color2">Haber</span>
<h4><h4><a href="details.html">Haber yazısı</a></h4></h4>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-bottom mb-35">
<div class="trend-bottom-img mb-30">
<img src="haber-resim.jpg" alt="">
</div>
<div class="trend-bottom-cap">
<span class="color3">Haber</span>
<h4><a href="details.html">Haber yazısı</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>

kullanmayacaksanız haber detaylarını falan silebilirsiniz.

11-10-2020, 16:19:44

#3

derindunya

BİRİNCİ HABER

<div class="row">
<div class="col-lg-8">
<!-- Trending Top -->
<div class="trending-top mb-30">
<div class="trend-top-img">
<img src="assets/img/trending/trending_top.jpg" alt="">
<div class="trend-top-cap">
<span>haber</span>
<h2><a href="details.html">1. haber yazısı</a></h2>
</div>
</div>
</div>

2.3.4 HABERLER(otomatik 3 defa tekrarlayacak yan yana )

<!-- Trending Bottom -->
<div class="trending-bottom">
<div class="row">
<div class="col-lg-4">
<div class="single-bottom mb-35">
<div class="trend-bottom-img mb-30">
<img src="assets/img/trending/trending_bottom1.jpg" alt="">
</div>
<div class="trend-bottom-cap">
<span class="color1">haber</span>
<h4><a href="details.html">2. haber yasızı</a></h4>
</div>
</div>
</div>
</div>
</div>
                    </div>

23-10-2020, 23:56:59

#4

esmooq

col-lg-.. yerine sadece col kullan. o zaman yan yana olur