Php anasayfasındaki resimleri genişletme yardım

14-09-2014, 22:09:29

#1

bugzmaster

Arkadaşlar Php de firma rehberi sitem var ve anasayfadaki vitrindeki firmalar ve yeni ürünler bölümlerindeki resimleri büyütmek istiyorum. yardımı olabilecek arkadaşalr varsa pm ile skype yazmalarını rica ediyorum.

Teşekkürler
14-09-2014, 23:27:01

#2

FastPHP

Developer

Öncelikle; yardımcı olmamızı istiyorsanız, sitenizin vitrinin kodlarını burada paylaşmanız gerekir. Diğer türlü yardım değil iş olur, sadece sizin işiniz görülmüş olur. Takip eden arkadaşlar, aynı sorunu yaşayanlar bilgi sahibi olamaz.

İstediğiniz yardım php değil; css alanına giriyor.

Ücretli düzenleme talebiniz varsa konuyu iş verenler bölümüne taşıtmalısınız.
15-09-2014, 10:30:57

#3

bugzmaster

@charset "utf-8";
@font-face {
font-family: 'Calibri';
src: url('calibri.eot');

}
body {
margin-top: 0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background:#F3F3F3;
text-decoration: none;
}
#ust {
background:url(../images/uste.png) repeat-x;
width:auto;
height:40px;
}
#ustic {
width:1002px;
margin:auto;
}
#ustyazi {
margin-left:5px;
height:20px;
float:left;
font-size:12px; color:#535353;
}
#arama {
background-image: url(../images/arama-bg.png);
background-repeat: no-repeat;
width: 255px;
height: 36px;
float:right;

}
#logo {
width:1002px;
margin:auto;
height:50px;
padding-left:40px;
position: static;

}
#menu {
background:url(../images/menubg.png);
width:1002px;
height:75px;
margin:auto;
}
#ustmenu {
width:780px;
height:30px;
padding-left:25px;
padding-top:10px;
float:left;

}
.ustmenu {
margin-left:10px;
margin-right:10px;
color:#FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration: none;
}
#uyeol {
width:190px;
height:20px;
float:right;
padding-top:10px;

}
#altmenu {
width:1000px;
float:left;
height:20px;
padding-left:25px;
padding-top:5px;
}
.altmenu {
margin-left:10px;
margin-right:10px;
color:#000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration: none;
}
#ortaalan {
width:1002px;
margin:auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
}
#sol {
width:243px;
float:left;
}
#orta {
width:550px;
float:left;
margin-left:5px;
}
#sag {
width:193px;
float:right;
}
#solicust {
width:243px;
height:37px;
margin-top:10px;

}
#solicorta {
width:233px;
background:url(../images/firmakategoriler-orta.png);
padding-left:10px;
padding-top:10px;
}
#solicalt {
width:243px;
background:url(../images/firmakategoriler-alt.png);
height:26px;
}

#ortaust {
width:268px;
float:left;
margin-left:7px;
}

#ortaustust {
background:url(../images/banner-ust.png);
width:268px;
height:13px;
}
#ortaustorta {
background:url(../images/banner-orta.png);
width:258px;
height:50px;
padding-left:10px;

}
#ortaustalt {
background:url(../images/banner-alt.png);
width:268px;
height:21px;
}
#kullanicigiris {
width:193px;
height:34px;
margin-top:10px;
}
#kullancigirisorta {
background:url(../images/kullanicigirisi-orta.png);
width:188px;
padding-left:5px;
padding-top:10px;
}
.girisinput {
background:url(../images/girisinput.png);
width:139px;
height:19px;
padding-left:5px;
padding-top:5px;
border:none;
font-style:italic;
color:#999;
}
.linkler {
color:#000;
text-decoration: none;
font-size:12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666;
font-weight:bold;

}
#kullanicigirisalt {
background:url(../images/kullanicigirisi-alt.png);
width:193px;
height:17px;
}
#vitrinfirma {
background:url(../images/vitrindeki-ust.png);
width:544px;
height:25px;
float:left;
margin-top:20px;
margin-left:7px;
}
#vitrinfirmaorta {
background:url(../images/vitrindeki-orta.png);
width:534px;
float:left;
margin-left:7px;
padding-left:10px;
}
#vitringoster {
background:url(../images/valan.png) no-repeat;
width:190px;
height:95px;
float:left;
margin-left:40px;
}
#vitrinfirmaalt {
background:url(../images/vitrindeki-alt.png);
width:544px;
height:20px;
float:left;
margin-left:7px;
}

#yeniurun {
background:url(../images/yeniurunler-ust.png);
width:544px;
height:35px;
float:left;
margin-top:10px;
margin-left:7px;
}
#yeniurunorta {
background:url(../images/yeniurunler-orta.png);
width:534px;
float:left;
margin-left:7px;
padding-left:10px;
}
#yenurunalt {
background:url(../images/yeniurunler-alt.png);
width:544px;
height:18px;
float:left;
margin-left:7px;
}

#ortaalt {
width:268px;
float:left;
margin-left:7px;
margin-top:10px;
}

#ortaaltust {
width:268px;
height:33px;
}
#ortaaltorta {
background:url(../images/banner-orta.png);
width:258px;
height:50px;
padding-left:10px;}
#ortaaltalt {
background:url(../images/banner-alt.png);
width:268px;
height:21px;
}

#yenifirma {
width:165px;
margin:auto;
height:50px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
}
#yenifirmaresim {
background:url(../images/yfr.png) no-repeat;
width:50px;
height:47px;

float:left;

}
#yyazi {
width:110px;
float:right;
}
.resim {
width:45px;
border:none;
margin:auto;
height:42px;
padding-top:3px;
padding-left:3px;
float:left;
}
.hr {
border: dotted 2px;

color: #CCC;
}
#enalt {
background:url(../images/footer.png);
width:977px;
height:68px;
margin:auto;
float:left;
margin-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-top:6px;
padding-right:10px;
}
#altlogo {
width:205px;
height:75px;
float:right;
}
#altt {
width:1000px;
height:100px;
margin:auto;
}

#firmakat {
width:auto;
height:16px;
padding-left:30px;
background: url(../images/link.png) no-repeat;
}
.vitrinresim {
width:190px;
height:90px;
margin-left:7px;
margin-bottom:10px;
margin-right:20px;
margin-top:7px;
border:none;
}

#firmalarkat {
width:140px;
height:35px;
padding-left:30px;
background: url(../images/link.png) no-repeat;
float:left;
}
#firmabaslik {
width:100%;
margin-left:25px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}
#firmabilgi {
color:#F00;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
}
#basliksizust {
background:url(../images/ust.png);
width:544px;
height:18px;
float:left;
margin-top:10px;
margin-left:7px;
}
#icbas {
width:490px;
height:22px;
background:url(../images/baslik.png);
margin-left:10px;
padding-left:10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:3px;
font-weight:bold;
}

#icbasa {
width:490px;
height:25px;
background:url(../images/baslik.png);
margin-left:10px;
padding-left:10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}
.uzuninput {
width:243px;
height:19px;
background:url(../images/uzuninput.png);
border:none;
padding-left:5px;
padding-top:5px;
}
#icindem {
margin-left:15px;
}
.select {
background:url(../images/select.png);
width:250px;
height:25px;
border:none;
}
.textarea {
background:url(../images/textarea.png) no-repeat;
width:350px;
height:100px;
border:none;
}
#panelicon {
width:128px;
height:150px;
float:left;
}
#sayfalar {
margin:auto;
text-decoration: none;

}
#sayfalama {
float:left;
width:30px;
height:22px; padding-left:20px;
background:url(../images/sayfa.png);
text-decoration: none;

}
.sayfalama {
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;S
text-decoration: none;
font-weight:bold;

}
#basliklar {
margin-top:10px;
background:url(../images/basliklar.png);
width:180px;
height:28px;
font-size:12px;
color:#826D48;
font-weight:bold;
padding-left:63px;
padding-top:5px;
}
.haberdetay {
font-family:Calibri;
font-size:14px;
}

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 10:30:57 -->-> Daha önceki mesaj 10:30:22 --

css sayfası bu arkadaşlar
15-09-2014, 10:52:46

#4

~~tolgatasci~~

Üyeliği durduruldu
css de olay şudur yan yana dizme olayı

bir ana div düşünelim
```
<div class="anadiv">
<img src="resim"/>
<img src="resim"/>
</div>
```
html kısmı bu şekilde düşünürsek eğer

.anadiv
{
width:300px;
height:auto;
margin:0;
}
.anadiv img
{
width:100px;
height:100px;
float:left;
margin:0;
}
ana div genişliğine göre resimler 100 px değerine göre yan yana sıralanacak ve anadive sığmadığında alta kayacaktır.
15-09-2014, 11:01:52

#5

bugzmaster

anadiv olayını anladımda
#vitrinfirma {
background:url(../images/vitrindeki-ust.png);
width:544px;
height:25px;
float:left;
margin-top:20px;
margin-left:7px;
}
#vitrinfirmaorta {
background:url(../images/vitrindeki-orta.png);
width:534px;
float:left;
margin-left:7px;
padding-left:10px;
}
#vitringoster {
background:url(../images/valan.png) no-repeat;
width:190px;
height:95px;
float:left;
margin-left:40px;
}
#vitrinfirmaalt {
background:url(../images/vitrindeki-alt.png);
width:544px;
height:20px;
float:left;
margin-left:7px;
}

burda nasıl bir yol izlicem onu anlamadım

15-09-2014, 11:06:57

Üyeliği durduruldu

@charset "utf-8";
@font-face {
        font-family: 'Calibri';
        src: url('calibri.eot');
       
}
	body {
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#F3F3F3;
	text-decoration: none;
}
#ust {
	background:url(../images/uste.png) repeat-x;
	width:auto;
	height:40px;
}
#ustic { 
width:1002px;
margin:auto;
}
#ustyazi {
	margin-left:5px;
	height:20px;
	float:left;
	font-size:12px; color:#535353;
 }
#arama {
	background-image: url(../images/arama-bg.png);
	background-repeat: no-repeat;
	width: 255px;
	height: 36px;
	float:right;
	
}
#logo { 
width:1002px;
margin:auto;
height:50px;
padding-left:40px;
position: static;

}
#menu {
	background:url(../images/menubg.png); 
	width:1002px;
	height:75px;
	margin:auto;
}
#ustmenu {
	width:780px;
	height:30px;
	padding-left:25px;
	padding-top:10px;
			float:left;

}
.ustmenu {
	margin-left:10px;
	margin-right:10px;
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
		text-decoration: none;
}
#uyeol {
	width:190px;
	height:20px;
	float:right;	 
	padding-top:10px;

}
#altmenu {
	width:1000px;
	float:left;
	height:20px;
	padding-left:25px;
	padding-top:5px;
}
.altmenu {
	margin-left:10px;
	margin-right:10px;
	color:#000;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
		text-decoration: none;
}
#ortaalan {
	width:1002px;
	margin:auto;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}
#sol {
	width:243px;
	float:left;
}
#orta {
	width:550px;
	float:left;
	margin-left:5px;
 }
#sag {
	width:193px;
	float:right;
}
#solicust {
	width:243px;
	height:37px;
	margin-top:10px;
	
}
#solicorta { 
width:233px;
 background:url(../images/firmakategoriler-orta.png);
padding-left:10px;
padding-top:10px;
}
#solicalt { 
width:243px;
background:url(../images/firmakategoriler-alt.png);
height:26px;
}

#ortaust {
 	width:268px;
 	float:left;
 	margin-left:7px;
}

#ortaustust { 
background:url(../images/banner-ust.png);
width:268px;
height:13px;
}
#ortaustorta {
	background:url(../images/banner-orta.png);
	width:258px;
	height:50px;
	padding-left:10px;

}
#ortaustalt {
	background:url(../images/banner-alt.png);
	width:268px;
	height:21px;
}
#kullanicigiris { 
 width:193px;
height:34px;
margin-top:10px;
}
#kullancigirisorta { 
background:url(../images/kullanicigirisi-orta.png);
width:188px;
padding-left:5px;
padding-top:10px;
}
.girisinput {
	background:url(../images/girisinput.png);
	width:139px;
	height:19px;
	padding-left:5px;
	padding-top:5px;
	border:none;
	font-style:italic;
	color:#999;
}
.linkler { 
color:#000;
 		text-decoration: none;
		font-size:12px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #666;
		font-weight:bold;

}
#kullanicigirisalt { 
background:url(../images/kullanicigirisi-alt.png);
width:193px;
height:17px;
}
#vitrinfirma {
	background:url(../images/vitrindeki-ust.png);
	width:544px;
	height:25px;
	float:left;
	margin-top:20px;
	margin-left:7px;
	 }
	#vitrinfirmaorta {
		background:url(../images/vitrindeki-orta.png);
		width:534px; 
 		float:left;
	
		margin-left: 7px;
	padding-left:10px;
	}
	#vitringoster { 
	background:url(../images/valan.png) no-repeat;
	width: 212px;
	height: 161px;
	 float:left;
	 margin-left:40px;
	}
	#vitrinfirmaalt { 
	background:url(../images/vitrindeki-alt.png);
	width:544px;
	height:20px;
	float:left;
	margin-left:7px;
	}
	
#yeniurun {
	background:url(../images/yeniurunler-ust.png);
		width:544px;
	height:35px;
	float:left;
	margin-top:10px;
	margin-left:7px;
	 }
	#yeniurunorta {
		background:url(../images/yeniurunler-orta.png);
				width:534px; 
 		float:left;
	margin-left:7px;
	padding-left:10px;
	}
 	#yenurunalt {
		background:url(../images/yeniurunler-alt.png);
			width:544px;
	height:18px;
	float:left;
	margin-left:7px;
	}
	
	#ortaalt {
 	width:268px;
 	float:left;
 	margin-left:7px;
	margin-top:10px;
}

#ortaaltust {
 width:268px;
height:33px;
}
#ortaaltorta {
	background:url(../images/banner-orta.png);
	width:258px;
	height:50px;
	padding-left:10px;}
#ortaaltalt {
	background:url(../images/banner-alt.png);
	width:268px;
	height:21px;
}


#yenifirma { 
width:165px;
margin:auto;
height:50px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
#yenifirmaresim {
	background:url(../images/yfr.png) no-repeat;
	width:50px;
	height:47px;
	
	float:left;
	
}
#yyazi {
	width:110px;
	float:right;
}
.resim { 
width:45px;
border:none;
margin:auto;
height:42px;
padding-top:3px;
padding-left:3px;
float:left;
}
.hr {
	border: dotted 2px;
 
	color: #CCC;
}
#enalt {
	background:url(../images/footer.png);
	width:977px;
	height:68px;
	margin:auto;
	float:left;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:6px;
	padding-right:10px;
}
#altlogo { 
width:205px;
height:75px;
float:right;
}
#altt { 
width:1000px;
height:100px;
margin:auto;
}

#firmakat {
	width:auto;
	height:16px;
	padding-left:30px;
	background: url(../images/link.png) no-repeat;
	 }
	 .vitrinresim {
		 width: 226px;
		 height: 119px;
		 margin-left:7px;
		 margin-bottom:10px;
		 margin-right:20px;
		 margin-top:7px;
		 border:none;
	 }
	 
	 #firmalarkat {
	width:140px;
	height:35px;
	padding-left:30px;
	background: url(../images/link.png) no-repeat;
	float:left;
	 }
#firmabaslik {
 	width:100%;
	margin-left:25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 
 }
 #firmabilgi {
	 color:#F00;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:16px;
 }
 #basliksizust {
	background:url(../images/ust.png);
		width:544px;
	height:18px;
	float:left;
	margin-top:10px;
	margin-left:7px;
	 }
	 #icbas {
		 width:490px;
		 height:22px;
		 background:url(../images/baslik.png);
		 margin-left:10px;
		 padding-left:10px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		 padding-top:3px;
		 font-weight:bold;
	 }

	 #icbasa {
		 width:490px;
		 height:25px;
		 background:url(../images/baslik.png);
		 margin-left:10px;
		 padding-left:10px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 		 font-weight:bold;
	 }
.uzuninput {
	width:243px;
	height:19px;
	background:url(../images/uzuninput.png);
	border:none;
	padding-left:5px;
	padding-top:5px;
}
#icindem {
			 margin-left:15px;
}
.select {
	background:url(../images/select.png);
	width:250px;
	height:25px;
	border:none;
}
.textarea {
	background:url(../images/textarea.png) no-repeat;
	width:350px;
	height:100px;
	border:none;
}
#panelicon {
	width:128px;
	height:150px;
	float:left;
}
#sayfalar {	
	margin:auto;
		 	text-decoration: none;

}
#sayfalama {
	float:left;
	width:30px;
	height:22px;	padding-left:20px;
 	background:url(../images/sayfa.png);
 		 	text-decoration: none;

 }
 .sayfalama {
	 color:#FFF;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;S
	 	text-decoration: none;
		font-weight:bold;
	

 }
 #basliklar {
	 margin-top:10px;
	 background:url(../images/basliklar.png);
	 width:180px;
	 height:28px;
	 font-size:12px;
	 color:#826D48;
	 font-weight:bold;
	 padding-left:63px;
	 padding-top:5px;
 }
 .haberdetay {
	 font-family:Calibri;
	 font-size:14px;
 }

15-09-2014, 11:17:05

#7

bugzmaster

hocam elinize sağlık .teşkler