lostyazilim
tr.link

Yazılarınızdaki İlk Resmi Thumbnail Yapın

21 Mesajlar 4.114 Okunma
lstbozum
tr.link

mustafayasin mustafayasin PHP & IOS Developer Kullanıcı
  • Üyelik 21.11.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad M** T**
  • Mesajlar 914
  • Beğeniler 91 / 173
  • Ticaret 11, (%100)

Merhaba arkadaşlar.Önceki yazımda http://wmaraci.com/forum/wordpress/wordpresste-yazilarin-basligini-kisaltin-19224.html'ı anlatmıştım.Bu yazımda yine yazı listelemesi üzerine bir konu olan Yazının İlk Resmini Thumbnail Yapma yı anlatacağım.

Yazılarına eklediği resimlerin boyut farklılığından dolayı anasayfa,kategori sayfaları gibi yerlerde görüntü bozukluğu oluşturmasını isteyen webmaster yoktur herhalde.O halde fazla uzatmadan bu sitede de kullandığım yazının ilk resmini thumbnail yapan işlevi anlatıma geçeyim.

Öncelikle herzaman olduğu gibi üzerinde çalışacağımız functions.php,index.php ve style.css dosyalarının yedeklerini alalım.

functions.php‘yi açıp en üste aşağıdaki kodu yapıştırın.
function mstfturkgoster() {
error_reporting(0);
global $post, $posts;
$mstfturkbir = '';
ob_start();
ob_end_clean();
$output = preg_match_all('//i', $post->post_content, $matches);
$mstfturkbir = $matches [1] [0];

if(empty($mstfturkbir)){ //Eğer mstfturk eklememişseniz
$mstfturkbir = get_bloginfo('stylesheet_directory') .'/images/mstfturk.png';
}
return $mstfturkbir;
}

function mstfturkgoster_by_post($post) {
error_reporting(0);
$mstfturkbir = '';
ob_start();
ob_end_clean();
$output = preg_match_all('//i', $post->post_content, $matches);
$mstfturkbir = $matches [1] [0];

if(empty($mstfturkbir)){ //Eğer mstfturk eklememişseniz
$mstfturkbir = get_bloginfo('stylesheet_directory') .'/images/curcuna.png';
}
return $mstfturkbir;
}
?>


Bu kodumuzla temamıza thumbnail özelliğini tanımlatmış olduk.Thumbnail özelliğini kullanmak için şöyle devam edelim
index.php‘de aşağıdaki kodu bulalım


Hemen üstüne aşağıdaki kodu yapıştıralım.



Şimdi style.css dosyasını açıp en altına aşağıdaki kodu yapıştıralım.
.mstfturk {
width: 140px;
height: 140px;
float: left;
padding: 10px 10px 10px 10px;
}

Functions’da resim özelliğimizi tanıtıp index’te konumlandırdık ve style’de resim özelliklerini boyuttur carttır curttur ekledik ve kullanıma hazır hale getirdik.Şimdi yazılarımızda eklediğimiz ilk resim anasayfada yazının sol tarafında 125*125 boyutlarında aşağıdaki gibi gözükecek.Dilerseniz kodlarda oynama yaparak farklı boyutlarda farklı özelliklerde süsleyerek gösterebilirsiniz ben sadece mantığını anlattım.Takıldığınız yer olursa sorabilirsiniz.

Uygulama sonucu oluşan görüntü:



Kaynak:Yazının İlk Resmini Thumbnail Yapma

taspinardizayn ErenKeskin

kişi bu mesajı beğendi.

wmaraci
reklam

taspinardizayn taspinardizayn Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 01.09.2011
  • Yaş/Cinsiyet 2024 / E
  • Meslek Öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 159
  • Beğeniler 52 / 29
  • Ticaret 7, (%100)
Eyw.. bence gayet yararlı bi bilgi
 

 

Serhan Serhan fisaoptik.com Kullanıcı
  • Üyelik 26.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Optisyen
  • Konum Sakarya
  • Ad Soyad S** K**
  • Mesajlar 1210
  • Beğeniler 199 / 198
  • Ticaret 40, (%100)
Selamlar,

İndex.php ' de kodu yok ne yapacağım ?
 

 

taspinardizayn taspinardizayn Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 01.09.2011
  • Yaş/Cinsiyet 2024 / E
  • Meslek Öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 159
  • Beğeniler 52 / 29
  • Ticaret 7, (%100)

Serhan adlı üyeden alıntı

Selamlar,

İndex.php ' de kodu yok ne yapacağım ?




o zaman büyük ihtimal bu vardır bi bakın?
 

 

wmaraci
wmaraci

mustafayasin mustafayasin PHP & IOS Developer Kullanıcı
  • Üyelik 21.11.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad M** T**
  • Mesajlar 914
  • Beğeniler 91 / 173
  • Ticaret 11, (%100)

Serhan adlı üyeden alıntı

Selamlar,

İndex.php ' de kodu yok ne yapacağım ?


taspinardizayn soruna cevap vermiş. Temalarda farklılık gösterebilir.content yerine excerpt kodunu aratın. O da yoksa


bu kodu istediğiniz herhangi bir yere yapıştırabilirsiniz.
taspinardizayn

kişi bu mesajı beğendi.

Serhan Serhan fisaoptik.com Kullanıcı
  • Üyelik 26.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Optisyen
  • Konum Sakarya
  • Ad Soyad S** K**
  • Mesajlar 1210
  • Beğeniler 199 / 198
  • Ticaret 40, (%100)
Oldu fakat, sol taraf bomboş duruyor sağ tarafa hem yazılar hemde resimler toplandı onu nasıl düzeltirim ? :S

Bakmak isteyenler için Not: Sitem www.haylazblog.com

Ek Olarak: Ben ise solda resim sağda yazı olsun istiyorum :S
 

 

mustafayasin mustafayasin PHP & IOS Developer Kullanıcı
  • Üyelik 21.11.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad M** T**
  • Mesajlar 914
  • Beğeniler 91 / 173
  • Ticaret 11, (%100)
index ve style dosyalarını gönderebilirmisin
 

 

Serhan Serhan fisaoptik.com Kullanıcı
  • Üyelik 26.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Optisyen
  • Konum Sakarya
  • Ad Soyad S** K**
  • Mesajlar 1210
  • Beğeniler 199 / 198
  • Ticaret 40, (%100)
Bu İndex.php:






Browsing articles from ""




Browsing articles in ""




Browsing articles tagged with ""




Browsing articles by ""














önce tarafından yazılmıştır.



















Sorry, but you are looking for something that isn't here.





emm_paginate();
} ?>





<script>
stepcarousel.setup({
galleryid: 'slider', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:5000},
panelbehavior: {speed:500, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['/images/but_previous.png', -32, 30], rightnav: ['/images/but_next.png', -665, 30]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

</script>





Buda Style:
/*
Theme Name: oZZo
Author: Oğuzhan Ünver
Author URI: http://www.oguzhanunver.tk/
Description: oZZo Hakkında Bilgi Almak İçin Tıklayın oZZo Sizi Bekliyor.
*/

/* -------------------------------
BODY STYLES
----------------------------------*/

* {
margin: 0;
padding: 0;
}

body {
color: #333;
background:#f0f0f0 url(images/bk_body.png) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:135%;
}

/*----------------------------------------------------
BASIC HTML ELEMENTS STYLES
------------------------------------------------------*/

a {
color:#1FA2E1;
text-decoration:none;
}

a:hover {
text-decoration: underline;
}

a:focus {
outline:none;
}

h1 {
font-size:26px;
letter-spacing:-1px;
font-weight:normal;
padding:10px 0 12px;
line-height:100%;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

h1.home {
color:#1FA2E1;
font-size:30px;
}

h1 a {
color:#333;
text-decoration:none;
}

h1 a:hover {
color:#1FA2E1;
text-decoration:none;
}

h2,h3 {
font-size:22px;
font-weight:normal;
font-style:italic;
letter-spacing:-1px;
padding:5px 0;
}

h3{
font-size:17px;
font-weight:bold;
}


ul {
list-style:none;
}

p {
margin:10px 0;
}

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#wrapper {
width:960px;
margin:0 auto;
}
#header {
position:relative;
height:185px;
background:url(images/bk_header.jpg) 0 51px no-repeat;
}

#content {
padding:25px 0;
}

#content #colLeft {
float:left;
width:670px;
margin-right:10px;

}

#content #colRight {
float:left;
width:280px;

}

#footer {
background:#000 url(images/bk_footer.jpg) 0 0 repeat-x;
padding-top:20px;
padding-bottom:25px;
margin-top:15px;
min-width:960px;
}

#footerInner {
width:960px;
margin:0 auto;
color:#797979;
}

#copyright {
border-top:1px solid #1E1E1E;
background:#111;
min-width:960px;
}

#copyrightInner {
width:960px;
margin:0 auto;
font-size:11px;
color:#515151;
padding:20px 0;
position:relative;
}


/* -------------------------------
HEADER ELEMENTS
----------------------------------*/

/* TopMenu */

.ddsmoothmenu {
position:absolute;
left:0;
top:6px;
border-right:1px solid #2F2F2F;
}

.ddsmoothmenu ul li {
float:left;
}

.ddsmoothmenu ul li a{
display:block;
color:#ccc;
text-decoration:none;
border-left:1px solid #2F2F2F;
height:42px;
line-height:42px;
text-transform:uppercase;
font-size:11px;
padding:0 12px;
}

.ddsmoothmenu ul li a:hover {
color:#FFFFFF;
background:url(images/bk_top_hover.png) 50% 0 no-repeat;
}

/* TopMenuRight */

#topMenuRight {
position:absolute;
right:0;
top:6px;
}

#topMenuRight ul li {
float:left;
}

#topMenuRight ul li a{
display:block;
color:#ccc;
text-decoration:none;
height:42px;
line-height:42px;
font-size:11px;
padding:0 8px;
background:url(images/list_red_bullet.png) 1px 50% no-repeat;
}

#topMenuRight ul li a:hover {
color:#FFFFFF;
}

/* Logo */

#logo {
position:absolute;
left:0;
top:76px;
}

#logo img {
border:none;
}

#logo span {
display:block;
padding-left:5px;
padding-top:5px;
text-transform:uppercase;
color:#999999;
font-size:12px;
}

/* Social Links */

#socialLinks {
position:absolute;
right:0;
top:105px;
background:url(images/bk_social_links.png) 0 50% no-repeat;
padding-left:155px;
height:42px;
}

#socialLinks .linkedin, #socialLinks .facebook, #socialLinks .twitter, #socialLinks .rss {
display:block;
width:32px;
height:32px;
float:left;
margin-left:5px;
text-indent:-9999px;
}

#socialLinks .linkedin:hover, #socialLinks .facebook:hover, #socialLinks .twitter:hover, #socialLinks .rss:hover {
margin-bottom:2px;
}

#socialLinks .linkedin {
background:url(images/ico_linkedin.png) 0 0 no-repeat;
}

#socialLinks .facebook {
background:url(images/ico_facebook.png) 0 0 no-repeat;
}

#socialLinks .twitter {
background:url(images/ico_twitter.png) 0 0 no-repeat;
}

#socialLinks .rss {
background:url(images/ico_rss.png) 0 0 no-repeat;
}

/*----------------------------
FOOTER ELEMENTS
------------------------------*/

#footer h2 {
font-weight:bold;
color:#ccc;
font-size:18px;
}

#footerInner {
overflow:hidden;
padding-bottom:10px;
}

#footerInner .boxFooter {
float:left;
width:290px;
padding-right:30px;
}

#footerInner .last {
padding-right:0;
}

#footerInner h2 {
font-size:20px;
border-bottom:1px solid #292929;
padding:7px 0;
margin-bottom:7px;
}

#footerInner .boxFooter ul li {
padding:5px 6px 5px 18px;
border-bottom:1px solid #292929;
background:url(images/star.png) 0 8px no-repeat;
color:#986123;
font-size:10px;
font-style:italic;
}

#footerInner .boxFooter ul li br {
line-height:5px;
}

#footerInner .boxFooter ul li a {
text-decoration:none;
color:#515151;
font-size:13px;
font-style:normal;
}

#footerInner .boxFooter ul li a:hover {
color:#ccc;
}

#site5bottom {
position:absolute;
right:5px;
top:13px;
}

#site5bottom img {
border:none;
}

#site5bottom a {
display:block;
/*width:344px;
height:26px;
background:url(images/site5bottom.png) 0 0 no-repeat;
text-indent:-9999px;*/
}


/*----------------------------
LEFTCOL ELEMENTS
------------------------------*/

.postBox {
margin-bottom:10px;
}

.postBoxTop {
height:5px;
width:668px;
background:url(images/bk_box_top.png) 0 0 no-repeat;

}

.postBoxBottom {
height:5px;
width:668px;
background:url(images/bk_box_bottom.png) 0 0 no-repeat;
}

.postBox .postBoxMid {
padding:0 5px;
background:url(images/bk_box_mid.png) 0 0 repeat-y;
}

.postBox .postBoxMid p{
line-height:145%;
}

.postBox .postBoxMid img {
border:none;
}


.postBox .postBoxMidInner {
padding:20px 40px;
position:relative;
}

.postBox .first {
background:url(images/bk_box_mid_inner.jpg) 0 0 no-repeat;
}

.postBoxMid .category {
background:url(images/star.png) 0 50% no-repeat;
padding:0 0 0 20px;
text-transform:uppercase;
font-size:11px;
line-height:100%;
color:#3f3f3f;
font-weight:bold;

}

.postBox .postBoxMid .date {
background:url(images/bk_date.png) 0 0 no-repeat;
width:62px;
height:89px;
left:-34px;
top:13px;
text-align:center;
position:absolute;
font-size:11px;
color:#C5ECFC;
padding-top:17px;
}

.postBox .postBoxMid .date span.day {
font-size:24px;
font-weight:bold;
text-shadow:1px 1px #157EC4;
color:#fff;
}

.postBox .postBoxMid .textPreview {
float:left;
width:350px;
margin-top:15px;

}

.postBox .postBoxMid .textPreview p{
margin-top:0;

}

.postBox .postBoxMid .postThumb{
float:left;
margin:15px 25px 25px 0;
width:201px;
overflow:hidden;
}

.postBox .postBoxMid .postThumb img{
border:none;
background:#F0F0F0;
padding:10px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.postBox .postBoxMid .postMeta {
border-top:1px solid #E2E2E2;
padding-top:20px;
margin-top:25px;
clear:left;
overflow:hidden;
}

.postBox .postBoxMid .postMeta .more-link {
display:block;
background:url(images/ico_readmore.png) 0 0 no-repeat;
padding:3px 0;
padding-left:35px;
font-size:14px;
font-weight:bold;
float:left;

}

.postBox .postBoxMid .postMeta .metaRight {
float:right;
}

.postBox .postBoxMid .postMeta .metaRight img {
vertical-align:middle;
margin-left:20px;
}

.postBox .postBoxMid .postMetaSingle {
border-bottom:1px solid #E2E2E2;
padding:5px 0 15px;
margin-bottom:20px;
}

.postBox .postBoxMid .postMetaSingle img {
vertical-align:middle;
}

.postBox .postBoxMid .postCredentials {
background:#F8F8F8;
border-top:3px solid #E2E2E2;
border-bottom:3px solid #E2E2E2;
padding:20px 40px 15px;
margin-right:2px;
overflow:hidden;
text-shadow:1px 1px #fff;
}

.postBox .postBoxMid .postCredentials p {
font-size:12px;
color:#666;
margin:0.6em 0;

}

.postBox .postBoxMid .postCredentials img {
float:left;
margin-right:10px;
padding:4px;
background:#fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.postBox .postBoxMid .postCredentials #authorDetails {
clear:both;
padding-top:15px;
overflow:hidden;
border-top:1px solid #ddd;
}

.postBox .postBoxMid .postCredentials #authorDetails img {
margin-bottom:15px;
}

/* POST SOCIAL SHARE */

.postBox .postBoxMid .postCredentials .social {
margin:0 0 10px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
}

.postBox .postBoxMid .postCredentials .social a:hover img {
margin-top:-4px;
}

.postBox .postBoxMid .postCredentials .social img {
border:none;
vertical-align:middle;
float:none;
background:none;
padding:0;
margin-right:5px;
}

.postBox .postBoxMid .postCredentials .social strong {
padding-right:20px;
}

.postBox .postBoxMid .postTags {
font-size:13px;
background:url(images/ico_tag.png) 0 50% no-repeat;
padding-left:24px;
margin:25px 0 0;
}


/* RELATED POSTS */

#content #colLeft .relatedPosts {
margin-left:-25px;
}

#content #colLeft .relatedPosts li {
display:block;
border-top:1px solid #ddd;
padding:15px 0;
width:275px;
float:left;
margin-left:25px;
font-weight:bold;
background:none;
}

#content #colLeft .relatedPosts li img {
float:left;
padding:5px;
background:url(images/bk_thumbs.jpg) 0 0 no-repeat;
margin:0 10px 0 0;
}

#content #colLeft .relatedPosts li span {
font-size:11px;
color:#999;
}

#archive-title {
font-size:14px;
padding:3px 0 15px;
}

blockquote {
border-left:1px dashed #aaa;
padding-left:20px;
margin:20px 0 15px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
background:url(images/bk_blockquote.jpg) 90% 0 no-repeat;
}

#content #colLeft ul li, #content #colLeft ol li {
padding:5px 0 5px 15px;
background:url(images/bullet_list.png) 0 9px no-repeat;
}

#content #colLeft ul {
margin:0 0 15px 15px;
}

#content #colLeft ol li {
background:none;
padding-left:0;
}

#content #colLeft ol {
margin:0 0 15px 35px;
}

/* PAGINATION */

.emm-paginate {padding:10px 0; overflow:hidden;}
.emm-paginate a {background:url(images/bk_pagenavi.jpg) 0 100% repeat-x; border:1px solid #ddd; color:#666; margin-right:5px; padding:4px 8px; text-align:center; text-decoration:none;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#18AEF5; border:1px solid #0A95D8; margin-right:5px; padding:4px 8px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}


/* --------------------------------
RIGHTCOL ELEMENTS
-----------------------------------*/

.rightBox {
margin-bottom:10px;
}

.rightBoxTop {
height:5px;
width:280px;
background:url(images/bk_box_top_right.png) 0 0 no-repeat;

}

.rightBoxBottom {
height:5px;
width:280px;
background:url(images/bk_box_bottom_right.png) 0 0 no-repeat;
}

.rightBox .rightBoxMid {
padding:50px 20px 25px;
background:url(images/bk_box_mid_right.png) 0 0 repeat-y;
position:relative;
}

.rightBox .rightBoxMidSearch {
padding:6px 10px 5px;
background:url(images/bk_box_mid_right.png) 0 0 repeat-y;
overflow:hidden;
}

.rightBox .rightBoxMid h2 {
font-size:14px;
font-weight:bold;
letter-spacing:0;
color:#fff;
text-transform:uppercase;
display:block;
background:url(images/bk_h2_right.png) 0 0 no-repeat;
width:284px;
height:39px;
position:absolute;
top:6px;
left:-2px;
padding:13px 15px 0 20px;
}

.rightBox .rightBoxMid ul li{
padding:5px 0;
border-bottom:1px solid #E2E2D8;
}

/* Latest Tweet */

#twitter {
margin-left:4px;
}

#twitter #twitter_update_list {
background:url(images/bk_twitter_box_top.png) 0 0 no-repeat;
padding:3px 15px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
line-height:125%;
color:#666;
}

#twitter #twitter_update_list li{
list-style-type:none;
padding-top:10px;
}

#twitter #bottom {
height:36px;
background:url(images/bk_twitter_box_bottom.png) 0 0 no-repeat;
padding-left:63px;
padding-top:45px;
font-weight:bold;
}

/* ADS */

.rightBox .rightBoxMidAds{
padding:6px 0;
background:url(images/bk_box_mid_right.png) 0 0 repeat-y;
position:relative;
}

.rightBox .rightBoxMidAds div div {
margin:0 0 6px 5px;
float:left;
}

.rightBox .rightBoxMidAds div div a img {
border:1px solid #D8D8D8;
}

.rightBox .rightBoxMidAds a.advertise {
display:block;
padding:0 10px 6px 15px;
clear:both;
font-weight:bold;
}

/* COMMENTS
-----------------------------------*/

h2.h2comments {
display:block;
background:url(images/ico_comments.png) 0 50% no-repeat;
padding:10px 0 15px 40px;
font-weight:bold;
}

h2.h2comments a.addComment {
display:block;
width:151px;
height:30px;
background:url(images/but_addcomment.png) 0 0 no-repeat;
text-transform:uppercase;
color:#fff;
text-align:center;
float:right;
font-size:12px;
margin-top:-7px;
padding-top:8px;
font-weight:bold;
}

h2.h2comments a.addComment:hover {
text-decoration:none;
}

h2#commentsForm {
margin:0;
padding-top:0;
}

#content #colLeft ul.commentlist {
list-style:none;
list-style-position:outside;
display:block;
margin:20px 0;
border-top:3px solid #E5E8EA;
border-bottom:2px solid #E5E8EA;
padding:0;
}

#content #colLeft ul.commentlist ul {
list-style-type:none;
list-style-position:outside;
margin:0;
}

#content #colLeft ul.commentlist li {
padding:0 0 20px 40px;
position:relative;
border-bottom:1px solid #E5E8EA;
margin-top:25px;
background:none;
}

#content #colLeft ul.commentlist li p{
font-size:13px;
margin:10px 0;
}

#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text {
margin-left:20px;
}

#content #colLeft ul.commentlist li .comment-meta span {
font-size:11px;
color:#999;
}

#content #colLeft ul.commentlist li .comment-meta {
font-size:16px;
}


#content #colLeft ul.commentlist li .avatar {
background:#fff;
padding:1px;
border:4px solid #eee;
position:absolute;
left:0;
top:0;
}

#content #colLeft ul.commentlist .reply {
position:absolute;
right:0;
top:0;
width:46px;
height:21px;
background:url(images/bk_link_reply.png) 0 0 no-repeat;
text-align:center;
font-size:10px;
text-indent:-9999px;
}

#content #colLeft ul.commentlist .reply a {
color:#FFF;
display:block;
width:46px;
height:21px;
}


#content #colLeft ul.commentlist li .children li {
margin-top:15px;
padding-top:15px;
border-top:1px solid #E5E8EA;
border-bottom:none;
overflow:hidden;
padding-bottom:0;
}

#content #colLeft ul.commentlist li .children li .avatar {
top:15px;
}

#content #colLeft ul.commentlist li .children li .reply {
top:15px;
}



/* --------------------------------
FORMS
-----------------------------------*/

#searchform input {
border:1px dashed #CDCDCD;
border-right:none;
width:169px;
background:none;
padding:8px 10px 7px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#666666;
font-style:italic;
float:left;
margin-top:1px;
}

#searchform input.submit {
width:70px;
height:39px;
background:url(images/bk_but_search.jpg) 0 0 no-repeat;
border:none;
padding:0;
margin-top:-2px;
}

/* COMMENTS F0RM */

#commentform p {
margin:0;
}

#commentform label {
display:block;
padding:5px 0;
}

#commentform input, #commentform textarea {
border:1px solid #ddd;
padding:8px;
width:300px;
margin-bottom:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#commentform input:focus, #commentform textarea:focus {
border:1px solid #0099FF;
}


#commentform textarea {
width:560px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#commentform input#submit{
border:none;
width:151px;
height:30px;
margin-top:10px;
cursor:pointer;
background:url(images/but_addcomment.png) 0 0 no-repeat;
color:#FFF;
font-weight:bold;
font-size:12px;
padding:0;
}

/* Contact Form */

#contact label {
display:block;
padding:5px 0;
}

#contact input, #contact textarea {
border:1px solid #ddd;
padding:8px;
width:300px;
margin-bottom:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}


#contact textarea {
width:560px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#contact input.submit{
border:none;
width:151px;
height:30px;
margin-top:10px;
cursor:pointer;
background:url(images/but_addcomment.png) 0 0 no-repeat;
color:#FFF;
font-weight:bold;
font-size:12px;
padding:0;
}

.errormsg, .successmsg{
background:#FEF4F1;
border:1px solid #F7A68A;
color:#DA4310;
padding:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.successmsg {
background:#F5FAF1;
border:1px solid #C2E1AA;
color:#8FA943;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

/* -------------------------------
CLEARING
----------------------------------*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
float: none;
}

.clearfix {
display: block;
}


/* Hide from IE-mac \*/
* html .clearfix { float: left; height: 1%; }
/* End hide from IE-mac */

.sagadaya {
float: left;
width: 60px;
}
.ufakicon {
padding: 2px 2px 0px 2px;
margin: 0px;
float: left;
}
img.centered{ text-align:center;
}

img.alignright,.alignright{ text-align:right;
}

img.alignright{ float:right;
}

img.alignleft,.alignleft{ text-align:left;
}
img.alignleft{ float:left;
}
.videoresim {
width: 50px;
padding: 2px;
margin: 2px;
border: 1px solid #E2E2E2;
float: left;
}

.mstfturk {
width: 140px;
height: 140px;
float: left;
padding: 10px 10px 10px 10px;
}
 

 

mustafayasin mustafayasin PHP & IOS Developer Kullanıcı
  • Üyelik 21.11.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad M** T**
  • Mesajlar 914
  • Beğeniler 91 / 173
  • Ticaret 11, (%100)
index.php de


kodunu kaldırıp yeniden denermisin
 

 

Serhan Serhan fisaoptik.com Kullanıcı
  • Üyelik 26.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Optisyen
  • Konum Sakarya
  • Ad Soyad S** K**
  • Mesajlar 1210
  • Beğeniler 199 / 198
  • Ticaret 40, (%100)
Şimdide resim üstte yazı altta oldu hocam, ben resim solda yazı sağda olsun istiyorum öyle yapar mısınız ?
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al