SideBar'ı Çerçeve içerisine almak !

MUSTANG.3 · 16 Ocak 2011

yukarıdaki örmekte görülğü gibi (Özel Ürünler)-(Son Ürünleri) ve eklediğim diğer modulleri Kategori Menüsünde olduğu gibi çerçeve içerisine almak istiyorum...
Yardımcı olabilirmisiniz ?:s

Gökhan TAYLAN · 16 Ocak 2011

Merhaba Vermiş olduğunuz demo Site
Domain : www.s............r.org

zararlı olarak tespit edildiğinden bu konuda css kod bilgisi veremiyorum öncelikle bu konuya çözüm buldugunuzda detaylı inceleyip yardımcı olmaya çalışalım.

MUSTANG.3 · 16 Ocak 2011

site o değil yalnız...

imza ile konu içeriği birbiri ile bütün gözüküyor sana da hak vermiyor değilim kardeşim ya... site adını pm olarak gönderiyorum..Bi bakıp incelermisin lütfen...

admin · 17 Ocak 2011

catalog/view/theme/temanız/template/module/latest.tpl ve featured.tpl dosyalarını tekrar yükleyiniz.

MUSTANG.3 · 17 Ocak 2011

eka7a' Alıntı:
catalog/view/theme/temanız/template/module/latest.tpl ve featured.tpl dosyalarını tekrar yükleyiniz.

yükledim çerezleri sildim fakat değişiklik yok

Sürüm: 1.4.7
Theme: sancart 1.3.4 sürümü tema sürümden kaynaklanıyor sanırım....Yada css dosyasında sadece kategori-marka-alışveriş sepeti eklenmiş...extradan modul eklendiğinde çerçeve içerisine almıyor....

MUSTANG.3 · 2 Nis 2011

http://img835.imageshack.us/i/erevey.jpg/
Kullanılan theme :sancart
Sorunum ise css ayarlarında bir kaç değişiklik yapmam gerekiyor ama nasıl yapacağımı bilmiyorum yardımcı olurmusunuz lütfen...
stylesheet css kodları aşşağıda...

Kod:

*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	font:11px/20px Tahoma,Helvetica,sans-serif;
	color:#222;
	text-align: center;
}

/* Layout Styles Starts */

#wrapper{
	width:960px;
	margin:0 auto;
	text-align:left;
}
	#header{
		margin:17px 0;
		height:66px;
		overflow:hidden;
	}
		#logo{
			width:234px;
			float:left;
			padding:9px 0 0 18px;
		}
		#header .floatright{
			padding:5px 18px 0 0;
		}
		#module_search{
			padding-top:4px;
		}
	#menu{
		height:50px;
		background:url(../image/menu.gif) no-repeat;
		padding:0 25px;
	}
		#menu ul{
			list-style:none;
			text-align:center;
		}
			#menu li{
				list-style:none;
				display:inline;
				line-height:37px;
				margin:0 9px;
			}
				#menu li, #menu li a{
					color:#fff;
				}
	#container{
		padding:12px 0;
	}
		#left-col{
			width:201px;
			float:left;
		}
		#center-col{			
			width:542px;
			float:left;
			margin:0 0 0 8px;
		}
			#banner{
				width:530px;
				margin:0 auto 15px auto;
			}
		#center-col-inner{
			padding:3px 6px;
			width:530px;
			margin:0 0 0 8px;
			float:left;
		}
			.mblock1{
				background:url(../image/mblock1-bg.gif) repeat-y;
				margin:0 0 15px 0;
			}
				.mblock1-top{
					background:url(../image/mblock1-top.gif) no-repeat top;
					height:35px;
					line-height:35px;
					color:#4d4d4d;
					text-indent:37px;
					font-weight:bold;
					font-size:13px;
				}
				.mblock1-bottom{
					background:url(../image/mblock1-bottom.gif) no-repeat bottom;
				}
		#right-col{
			width:201px;
			float:right;
		}
	#footer{
		background:url(../image/footer.gif) no-repeat;
		height:51px;
		line-height:33px;
		padding:0 32px;
		color:#fff;
		overflow:hidden;
		font-size:10px;
		font-weight:bold;
	}
		#footer a{
			color:#fff;
			margin:0 5px;
		}
			#footer a:hover{
				text-decoration:underline;
			}
		#footer br{
			display:none;
		}
	
/* Layout Styles Ends */

/* Boxes Styles Starts */

	.block{
		width:201px;
		margin:0 0 15px 0;
		background:url(../image/block-bg.gif) repeat-y;
	}
		.block-top{
			background:url(../image/block-top.gif) no-repeat top;
			height:35px;
			line-height:35px;
			color:#4d4d4d;
			text-indent:37px;
			font-weight:bold;
			font-size:13px;
		}
		.block-bottom{
			background:url(../image/block-bottom.gif) no-repeat bottom;
		}
			#container .block-bottom ul{
				list-style:none;
				margin:0;
				padding:0 0 5px 0;
			}
				.block-bottom li{
					background:url(../image/arrow.gif) no-repeat 17px 10px;
					border-top:1px solid #d3d3d3;
					padding:3px 0 3px 30px;
				}
				.block-bottom li:first-child, .block-bottom li.noborder{
					border:none;
				}
					.block-bottom li a{
						color:#4d4d4d;
						font-weight:normal;
					}
			.block-bottom form{
				padding:15px;
				color:#4d4d4d;
			}
				.block-bottom form a{
					color:#4d4d4d;
					text-decoration:underline;
				}
					.block-bottom form a:hover{
						color:#0292c8;
					}
			.block-bottom .padding15, .block-bottom select{
				margin:15px;
				width:160px;
			}
			.search-text{
				border:1px solid #dfdbdb;
				padding:5px 5px 5px 10px;
				width:165px;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				font-size:11px;
			}
			.search-btn, .details-btn, .login-btn, .btn1{
				border:1px solid #dfdbdb;
				background:#e8e8e8 url(../image/btn1-bg.gif) repeat-x;
				outline:none;
				cursor:pointer;
				padding:2px 8px;
				margin:0 0 4px 4px;
				font-family:"Trebuchet MS";
				color:#4d4d4d;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
			}
			p.login-links{
				padding:7px 0 0 0;
			}
			p.login-links a{
				font-weight:normal;
				text-decoration:none;
				color:#4d4d4d;
			}
				p.login-links a:hover{
					color:#4d4d4d;
					text-decoration:underline;
				}
			.price{
				color:#1f8fba;
				font-size:15px;
				font-weight:bold;
				padding:5px 0 0 0;
			}
			.details-btn{
				margin:0;
				padding:2px 6px;
			}
			.btn1{
				padding:5px 10px;
			}
			a.details-btn, a.btn1{
				font-weight:normal;
			}
			a.details-btn:hover, a.btn1:hover{
				color:#000;
				text-decoration:none;
			}
			.products-box .details-btn{
				margin:0 0 0 5px;
			}
			.addtocart{
				background:url(../image/add-to-cart-btn.jpg) no-repeat;
				width:88px;
				height:28px;
				border:none;
				outline:none;
				text-indent:-999px;
			}

/* Boxes Styles Ends */

/* Products Box Starts */

.products-box{
	margin:6px !important;
	margin:4px;
	border:1px solid #d3d3d3;
	padding:16px;
	width:225px;
	min-height:175px;
	height:auto !important;
	height:176px;
	float:left;
}
	.products-box h3 a, .products-box-detail a{
		font-weight:normal;
	}
	#container .products-box p img.floatleft{
		margin:5px 10px 0 0;
	}
.products-box-detail{
	border:1px solid #d3d3d3;
	padding:16px;
	width:496px;
}

/* Products Box Ends */

.list{
	margin-bottom:10px;
	width:100%;
}
	.list td{
		text-align:center;
	}

/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}
.signin-btn, .button1{
	background: transparent url(../image/bt_register_black.png) no-repeat 0 0;
	width:94px;
	height:24px;
	line-height:20px;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
#container ul#works{list-style:none;margin:0;}
#container dt{
	font-weight:bold;
	margin:5px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#087fe0;}
h1{font-size:32px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:"Trebuchet MS";font-weight:normal;}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}
.ps1{padding:12px 15px;}

/* Genric Styles Ends */

.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
a.button {
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor:pointer;
}
a.button span {
	background: transparent url('../image/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
	width: 100%;
	margin-bottom: 10px;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x bottom;
	margin-bottom: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x bottom;
	margin-bottom: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x bottom;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
	cursor:pointer;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab-selected.png') repeat-x top;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding:10px;
	display: block;	
	width: 520px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}
.mermory{
	background:#FFFFFF url('../image/tab-selected.png') repeat-x top;
	border:1px solid #EFEBAA; 
	padding:10px; 
	margin-top:2px; 
	margin-bottom:15px;
} 
.qty-box{
	background: #FFFFFF url('../image/tab.png') repeat-x bottom;
	border: 1px solid #DDDDDD; padding: 10px;
}

osdem66 · 2 Nis 2011

Siz o modülleri solda gösterdiginizde de aynı mı görünüyor.. ayrıca sadece css vermeniz yeterli olmaz belliki bloklarınızın tpl dosyaları içerisinde div taglerine farklı id yada class degerleri atanmış o borderleri görünmeyen modüllerinizin tpl doslarında yazan div tagı class yada ıd lerinide yazınki css de nerde degişkllik olacak söyleyebilelim.. yada yapacagınız editleme yapacagınız modülün dosyasındaki div tag ı class yada ıd degeri ne ise css de de o degere bordür ve box-top grafigini eklemeniz lazım...umarım anlaşılmıştır..

SideBar'ı Çerçeve içerisine almak !

MUSTANG.3

OpenCart-TR

Gökhan TAYLAN

OpenCart-TR

MUSTANG.3

OpenCart-TR

admin

Administrator

MUSTANG.3

OpenCart-TR

MUSTANG.3

OpenCart-TR

osdem66

OpenCart-TR