osdem66' Alıntı:
yonetim' Alıntı:
osdem ile aynı dakikalrda aynı şeyi yazdık anlaşılan
Evet patron sanırım öyle oldu:d
osdem66' Alıntı:
Evet patron sanırım öyle oldu:d
catalog/view/theme/kidsstore/image/button_left.png
bu linkteki resim bulunamıyor diyor bu resimler sizin sitenizde yok sanırım.. halbuki olmalı
onu anladım abide indirdiğim teme dosyasında yok bende onu diyorum
Arkadaşlar sorunu çözdüm üstadların yardımıyla.
1.Önce ossem66 abimizin dediği gibi button_left.png ve button_right.png resimleri indirdiğiniz tema klasöründe yok. Önce onu temanın orjinal sitesindeki demo sayfasından indirdim.sizde aşağıdaki linkten indirin.
http://demo.hostandwin.com/opencart/demos/oc4/catalog/view/theme/default/image/button_right.png
http://demo.hostandwin.com/opencart/demos/oc4/catalog/view/theme/default/image/button_left.png
İndiridğiniz png resimleri /public_html/catalog/view/theme/kidsstore/image klasörü içine gönderiniz. Dikkat layot değil imagenin içine.
Daha sonra hem italik yazının düzelmesi hemde resimlerin çalışması için css dosyanızı aşağıdaki ile değiştiriniz.
* {
margin: 0;
padding: 0;
outline:0;
}
html {
background:url(../image/layout/bg-html.png) center 0 repeat-y;
}
body {
font:15px/20px Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#878787;
background:url(../image/layout/bg-body.jpg) center 0 repeat-x;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input, textarea, select {
margin: 3px 0px;
}
a, a:visited {
color: #2387bd;
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
p {
margin-top: 0px;
}
.clear {
overflow: hidden;
height:0;
clear:both;
}
/* layout */
#container {
padding:40px;
width:900px;
margin:0 auto;
background:url(../image/layout/bg-container.png) 0 0 no-repeat;
}
#header {
}
#headerInner {
width:900px;
height:210px;
margin:0 auto;
position:relative;
}
#nav {
position:absolute;
left:0;
top:0;
}
#nav a {
color:#727b80;
font:15px/51px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
padding:0 20px;
height:51px;
display:block;
float:left;
}
#nav a:hover {
color:#0d7fa9;
}
#nav a.selected {
background:#fffefe;
-moz-box-shadow:0px 0 14px -3px #777777;
-webkit-box-shadow:0px 0 14px -3px #777777;
box-shadow:0px 0 14px -3px #777777;
color:#0d7fa9;
}
#logo {
position:absolute;
left:10px;
top:90px;
}
#local {
position:absolute;
right:0px;
top:11px;
font:normal 11px/14px Arial, Helvetica, sans-serif;
}
#search {
background:url("../image/layout/bg-search.png") repeat scroll 0 0 transparent;
height:52px;
padding:0;
position:absolute;
right:0;
top:100px;
width:363px;
color:#666;
}
#search a.button {
height:35px;
position:absolute;
right:0;
top:10px;
width:40px;
background:none;
text-indent:-9999px;
}
#search input {
background:none repeat scroll 0 0 transparent;
border:0 none;
font:16px/18px arial;
left:20px;
padding:5px;
position:absolute;
top:8px;
color:#666;
}
.switcher {
float: right;
margin-top: 3px;
margin-left: 10px;
}
.switcher a {
text-decoration: none;
display: block;
}
.switcher .selected {
background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
border: 1px solid #CCCCCC;
background: url('../image/arrow_down.png') 116px center no-repeat;
color: #666666;
padding: 2px 5px 2px 5px;
width: 121px;
}
.switcher .selected a:hover {
background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat;
}
.switcher .option {
position: absolute;
z-index: 3;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #EEEEEE;
display: none;
width: 131px;
}
.switcher .option a {
color: #000;
padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
background: #ddd;
}
.switcher img {
position: relative;
top: 1px;
}
#column_left {
float: left;
width: 200px;
margin-right:20px;
clear: left;
}
#column_left .box .bottom {
display:none;
}
#content {
float:left;
width:680px;
}
* html #content, * html #container {
overflow:hidden;
background-position:1px 0;
}
#content .top .left {
display:none
}
#content .top .right {
display:none
}
#content .top h1, .heading {
background:url(../image/layout/border.png) 0 bottom repeat-x;
}
#content h1, .heading {
color: #000000;
font:normal 35px/35px Tangerine, Arial, Helvetica, sans-serif;
margin: 0px;
padding:0 0 12px;
text-align:right;
}
#content .middle {
background: #fff url(../image/layout/contentbgr.png) 0 0 repeat-x;
min-height:231px;
padding:20px;
}
#content .bottom .left {
background: url('../image/content_bottom_left.png') no-repeat;
width: 5px;
height: 5px;
float: left;
}
#content .bottom .right {
background: url('../image/content_bottom_right.png') no-repeat;
width: 5px;
height: 5px;
float: right;
}
#content .bottom .center {
background: url('../image/content_bottom_center.png') repeat-x;
height: 5px;
margin: 0 5px 10px 5px;
}
.box {
margin-bottom: 10px;
}
.box .top {
background:url("../image/layout/colleft.png") repeat-x scroll 0 bottom transparent;
color:#333333;
font:35px/35px Tangerine,Arial,Helvetica,sans-serif;
padding:0 0 20px;
}
.box .top img {
float: left;
margin-right: 5px;
}
.box .middle {
background: #FFFFFF;
padding: 10px;
margin:0 0 20px;
font:15px/36px Georgia, "Times New Roman", Times, serif;
color:#878787;
}
.box .middle ul li a {
font:15px/36px Georgia, "Times New Roman", Times, serif;
color:#878787;
text-decoration:none;
}
.box .middle ul li a:hover {
color:#666;
}
.box .middle ul {
padding:0!important;
margin:0!important;
list-style:none!important;
}
.box .middle ul li {
padding: 0 0 0 15px;
background:url(../image/layout/bull.png) 0 12px no-repeat;
border-bottom:1px solid #ddd;
}
.box .middle ul li:hover {
background:url(../image/layout/bull.png) 2px 12px no-repeat;
}
.box .bottom {
height: 5px;
background: url('../image/box_bottom.png') no-repeat;
}
#content .bottom {display:none}
.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;
}
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
.button span {
color: #FFF;
display: block;
padding: 2px 12px 5px 5px;
background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
background: #F8F8F8;
border: 1px solid #DDDDDD;
padding: 5px;
margin-bottom: 10px;
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
.content {
background: #F7F7F7;
border: 1px solid #DDDDDD;
padding: 10px;
margin-top: 3px;
margin-bottom: 10px;
}
.list {
margin-bottom: 10px;
width: 100%;
padding:20px 0 0 0;
}
.list td {
text-align: center;
vertical-align: top;
padding-bottom: 10px;
}
.list td img {
border:1px solid #9DE2EB;
}
.sort {
margin-bottom: 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: 6px;
}
.sort select {
font-size: 11px;
margin: 0;
padding: 0;
}
.pagination {
display: inline-block;
width: 100%;
margin-bottom: 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 {
width: 100%;
height: 31px;
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_3.png') repeat-x;
color: #color:#075685;;
font-weight: normal;
font-size: 13px;
text-decoration: none;
z-index: 1;
position: relative;
top: 1px;
}
.tabs a.selected {
background: #FFFFFF url('../image/tab_3.png') repeat-x;
border-bottom: 0px;
padding-bottom: 8px;
z-index: 3;
}
.tab_page {
border: 1px solid #DDDDDD;
background: #FFFFFF;
padding: 10px;
display: block;
z-index: 2;
margin-bottom: 10px;
}
#footer {
width: 100%;
clear: both;
padding:20px 0;
background:url(../image/layout/border.png) 0 0 repeat-x;
}
#footer .div1 {
float: left;
text-align: left;
}
#footer .div2 {
float: right;
text-align: right;
}
#category ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_1.png');
}
#information ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_2.png');
}
.cart {
border-collapse: collapse;
width: 100%;
border: 1px solid #EEEEEE;
margin-bottom: 10px;
}
.cart th {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #EEEEEE;
font-weight:normal;
padding:5px;
}
.cart td {
background:none repeat scroll 0 0 #F0FCFF;
border-bottom:1px solid #DDDDDD;
padding:11px 5px;
}
.tags, .tags a {
font-style: italic;
font-size: x-small;
}
#module_cart .middle {
padding: 5px;
}
#module_cart table {
color:#1b9e07;
padding:10px 0;
}
.cart_module_total {
padding: 0 3px 0 3px;
font-size: 0.9em;
color: #1b9e07;
}
.cart_remove {
margin-top: 3px;
background: url('../image/list_remove_btn.gif') no-repeat left center transparent;
padding-right:10px;
cursor
ointer;
}
.cart_remove_loading {
margin-top: 3px;
background: url('../image/ajax_load.gif') no-repeat transparent;
padding-right:10px;
}
.button_add_small, a.button_add_small:visited {
margin-top: 3px;
background: url('../image/button_add_small.png') no-repeat left center transparent;
padding:5px;
text-decoration: none;
cursor
ointer;
}
#content .middle .box {
float: left;
margin: 0 6px 10px 6px;
min-height: 0px;
}
#content .middle table td img {
border:1px solid #9DE2EB;
}
#content .middle table td img:hover {
border:1px solid #3db2f3;
}
#content .middle .box .middle {
width: 158px;
min-height: 0px;
}
Kolay gelsin....
Ayrıca Değerli yönetim ve osdem66 abimize teşekkürür bir borç bilirim. Bu benim css dosyasına bulaştığım ilk iştir. Kendi tememı yapmam dileğimle