× İletişim Formu Blog Yazılarını Sütunlara Bölme Arlina Design 11/02/2017 Etiketler : Blogger CSS Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body {font-family: 'Fira Sans Condensed', sans-serif;} * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .column-row {display:inline-block;margin:0;padding:20px} .column-row:before {display: table;content:" "} .column-row:after {clear:both} hr {margin-top:20px;margin-bottom:20px;border:0;border-top: 1px solid #eee;height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} @media (min-width:480px) {.column-2,.column-3,.column-4,.column-5{float:left;padding-right:15px;padding-left:15px}.column-2{width:50%}.column-3{width:33.33333333%}.column-4{width:25%}.column-5{width:66.66666667%}} </style> </head> <body> <div class="column-row"> <div class="column-2"> <b>Sütun 1/2</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> <div class="column-2"> <b>Sütun 1/2</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> </div> <hr> <div class="column-row"> <div class="column-3"> <b>Sütun 1/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> <div class="column-3"> <b>Sütun 1/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> <div class="column-3"> <b>Sütun 1/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> </div> <hr> <div class="column-row"> <div class="column-4"> <b>Sütun 1/4</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> <div class="column-4"> <b>Sütun 1/4</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> <div class="column-4"> <b>Sütun 1/4</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> <div class="column-4"> <b>Sütun 1/4</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> </div> <hr> <div class="column-row"> <div class="column-5"> <b>Sütun 2/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> <div class="column-3"> <b>Sütun 1/3</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> </div> <hr> <div class="column-row"> <div class="column-3"> <b>Sütun 1/3</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> <div class="column-5"> <b>Sütun 2/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blog Yazılarını Sütunlara Bölme" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blog Yazılarını Sütunlara Bölme Arlina Design 11/02/2017 Etiketler : Blogger CSS Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body {font-family: 'Fira Sans Condensed', sans-serif;} * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .column-row {display:inline-block;margin:0;padding:20px} .column-row:before {display: table;content:" "} .column-row:after {clear:both} hr {margin-top:20px;margin-bottom:20px;border:0;border-top: 1px solid #eee;height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} @media (min-width:480px) {.column-2,.column-3,.column-4,.column-5{float:left;padding-right:15px;padding-left:15px}.column-2{width:50%}.column-3{width:33.33333333%}.column-4{width:25%}.column-5{width:66.66666667%}} </style> </head> <body> <div class="column-row"> <div class="column-2"> <b>Sütun 1/2</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> <div class="column-2"> <b>Sütun 1/2</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> </div> <hr> <div class="column-row"> <div class="column-3"> <b>Sütun 1/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> <div class="column-3"> <b>Sütun 1/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> <div class="column-3"> <b>Sütun 1/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> </div> <hr> <div class="column-row"> <div class="column-4"> <b>Sütun 1/4</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> <div class="column-4"> <b>Sütun 1/4</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> <div class="column-4"> <b>Sütun 1/4</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> <div class="column-4"> <b>Sütun 1/4</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> </div> <hr> <div class="column-row"> <div class="column-5"> <b>Sütun 2/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> <div class="column-3"> <b>Sütun 1/3</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> </div> <hr> <div class="column-row"> <div class="column-3"> <b>Sütun 1/3</b> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler. </p> </div> <div class="column-5"> <b>Sütun 2/3</b> <p> Blogger Eklentileri özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog. </p> </div> </div> </body> </html>
Yorum Gönder