Yazı tipini nasıl değiştirebilirim?

trial

OpenCart-TR
Katılım
28 Haz 2010
Mesajlar
73
Tepkime puanı
0
Puanları
0
Web sitesi
www.donanimmerkezi.com
Elimde 20 tane font var ama opencart'ın belirli bir klasör yok ya da ben bulamadım. Sitenin fontlarını elimdeki fontlarla nasıl değiştirebilirim?
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
Opencart da font için klasör bulunmuyor CSS üzerinden ön tanımlı fontlar ile biçimlendirme yapabilirsiniz.

http://forum.opencart-tr.com/thread-1241.html
http://www.google.com.tr/#hl=tr&source=hp&q=Css+font+de%C4%9Fi%C5%9Ftirme
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
"CSS" , ".eot" , ve "WEFT" üçlüsü işi görür

WEFT programı ile .eot dosyası oluştur ve CSS'deki @font-face yöntemi ile sayfaya fontu yükle

Denemesini yapmadım. Deneyip sonucu yazarsın.

CSS Kullanımı için örnek;

Kod:
<style type="text/css">
@font-face { font-family:P22DV;src:url(PDAVINC3.eot); }
p { font-size:27px;font-family:P22DV; }
.denek { font-size:50px;font-family:P22DV; }
</style>
 

trial

OpenCart-TR
Katılım
28 Haz 2010
Mesajlar
73
Tepkime puanı
0
Puanları
0
Web sitesi
www.donanimmerkezi.com
@font-face'in kullanımı ile ilgili sıkıntı çekiyorum.
Amacım önce kategori kampanyalar gibi başlıkları düzenlemek eğer güzel olursa sitedeki diğer yerleride değiştirmek.

stylesheet.css dosyasında nereye ne yazmam gerekiyor bilmiyorum. Deneme yanılma ile denedim arkaplanın yanlışlıkla gittiği bile oluyor.

Verdiğin kodları "stylesheet.css" dosyasında nereye ve neyin yerine eklemeliyim?
Font root'ta duruyor. Şuan için "font.otf" isimli bir font var. Bunu diğer formatlara dönüştürebilirim. Ama çalışıp çalışmadığını bile bilmiyorum o nedenle firefox'ta çalıştığını bildiğim bir formattaki font ile deneme yapıyorum.

Nette tam olarak basit bir anlatım bulamadım. Yeni yeni yaygınlaşıyormuş sanırım pek açıklayıcı bir kaynak bulamadım :(
Bu konuda hala yerimde sayıyorum, bir türlü olmadı. Daha önce opencart'la farklı bir yazı tipi yüklemeye çalışan olmadı mı acaba?
 

trial

OpenCart-TR
Katılım
28 Haz 2010
Mesajlar
73
Tepkime puanı
0
Puanları
0
Web sitesi
www.donanimmerkezi.com
http://www.fontsquirrel.com/fontface/generator

Adresinde font'u yükleyip çeşitli dosya formatlarında da çevirim yapılmış halde size download linki veriyor. Bunu root'ta çalıştırdım ancak opencart'a uyarlayamadım.

stylesheet.css dosyasında ekleme yapıyorum ama olmuyor. Çıldırmak üzereyim az kaldı :-/
 

trial

OpenCart-TR
Katılım
28 Haz 2010
Mesajlar
73
Tepkime puanı
0
Puanları
0
Web sitesi
www.donanimmerkezi.com
HTML kodları nereye yazılmalı?

Arkadaşlar opencart'ın html dosyası bulunmuyor. Elimdeki html kodlarını nereye yüklemem gerekiyor?
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
RE: HTML kodları nereye yazılmalı?

Opencart temalarının iskeleti zaten html kodları ile yazılmıştır. Hangi sayfaya eklemek istiyorsanız o sayfanın dosyasına ekleyiniz. Hangi dosya olduğunu bulmak içinde adres satırındaki linke bakmanız yeterli.
Örneğin: index.php?route=product/special
 

trial

OpenCart-TR
Katılım
28 Haz 2010
Mesajlar
73
Tepkime puanı
0
Puanları
0
Web sitesi
www.donanimmerkezi.com
RE: HTML kodları nereye yazılmalı?

Elimde 2 farklı kod var. Bu kodların biri css dosyasına ekleiyor diğeride html dosyasına.

css'e ekledim ancak html dosyası olmadığından o kod elimde kaldı.

css kodları :

PHP:
@font-face {
	font-family: 'ArabellaRegular';
	src: url('arabella-webfont.eot');
	src: local('☺'), url('arabella-webfont.woff') format('woff'), url('arabella-webfont.ttf') format('truetype'), url('arabella-webfont.svg#webfontJRWNDJPh') format('svg');
	font-weight: normal;
	font-style: normal;
}
[/code]

html kodları ise :

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Font Face Demo</title>
	<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
	<style type="text/css" media="screen">
		body {font-family: Helvetica, Arial, sans-serif; color:#333;}
		.Arabella {font-weight: normal; font-style: normal; line-height:normal; font-family: 'ArabellaRegular', sans-serif;}
		
		p span {
			font-family: Helvetica, Arial, sans-serif;
			font-weight: normal;
			font-style: normal;
			font-size: 11px;
		}
		#container {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			
		}
		.samplebox {
			white-space:nowrap;
			margin-top:10px;
			margin-bottom: 0px;
		}
	</style>
</head>

<body>
	<div id="container">
	
	
	
	 
	<h1 class="Arabella">Arabella Regular</h1>
		<p class="Arabella samplebox" style="font-size:72px;"><span>72 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:60px;"><span>60 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:48px;"><span>48 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:36px;"><span>36 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:30px;"><span>30 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:24px;"><span>24 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:21px;"><span>21 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:18px;"><span>18 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:17px;"><span>17 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:16px;"><span>16 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:15px;"><span>15 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:14px;"><span>14 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:13px;"><span>13 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:12px;"><span>12 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:11px;"><span>11 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p class="Arabella samplebox" style="font-size:10px;"><span>10 </span>The five boxing wizards jump quickly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			</div>
</body>
</html>

Elimde bu iki kod ve fontlar var ama html kodlarını eklemeyemedim. Hatta konunun aslı aşağıdaki adreste.

http://forum.opencart-tr.com/thread-1458.html
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
RE: HTML kodları nereye yazılmalı?

Aynı konular için ayrı ayrı konular açmayınız. iki konuyu birleştiriyorum.
 

trial

OpenCart-TR
Katılım
28 Haz 2010
Mesajlar
73
Tepkime puanı
0
Puanları
0
Web sitesi
www.donanimmerkezi.com
Arkadaşlar sorunu çözdüm. Yapmak isteyen arkadaşlar aşağıdaki yolu izlerlerse kolayca yapabilirler.

catalog/view/theme/default2/stylesheet/stylesheet.css

PHP:
@font-face {
	font-family: 'akaDora';
	src: url("../image/Font/Akadora/akadora.ttf") format('truetype');
}

@font-face {
	font-family: 'akaDora';
	src: url("../image/Font/Akadora/akadora.eot");
}

İlk font-face komutu firefox ve chrome'da çalışıyor.
İkinci font-face ise IE için yazıldı. Bunu Font dosyaların uzantılarına dikkat ederek yaparsanız sorun çıkmaz.

Elinizdeki font'u başka bir türe çevirirken dikkat edin. Bazı çevirme program ya da sitelerde Türkçe karakterlerde sorun oluyor. Aşağıda adresini vereceğim siteden çevirim yapabilirsiniz. Dosyayı yükledikten sonra "EXPERT..." tıklayıp "Custom Subsetting..." seçeneğinden "Turkish" işaretli olmasına dikkat edin.

Font formatı dönüştürme : http://www.fontsquirrel.com/fontface/generator

Kullandığınız Font'un büyüklüğüne göre sayfada bozulmalar olabilir. Bunları gidermek için fontlarda ya da ilgili yerin boyutlarında küçüktmeye gitmek gerekir ise :

".menu a" , "#content h1" , ".box .top" gibi yerlerde değişklik yapılabilir. Bunlar benim yaptıklarımdı. Font'u uyguladığım yerlerdeki alanlarda küçük değişiklikler yaptım ve güzel oldu.

Sizde yapmak isterseniz bu yolla yapabilirsiniz. Bu konuda ilk olduğumdan beni epey uğraştırdı ama değdi.

Kolaygelsin.
 

göktürk

OpenCart-TR
Katılım
30 Mar 2011
Mesajlar
61
Tepkime puanı
0
Puanları
0
merhabalar kullanmak istediğim temanın yazı karakteri font-family: 'Lobster', arial, sans-serif;

lobster tr destekli değil doğal olarak tr karakterler arial sans şerif çıkıyor buda hoş durmuyor.
kendi pcmde bulunan fontlarım var tr karakter destekli.
bunları kullanma şansımız var mı?
örneğin webtasarimci.

buradan değiştiğini belirtmişsiniz?
Font-Family: Yazı türünü belirler.(Arial , Verdana gibi.).

ama fontu nereye atacağız?

style css dosyam

Kod:
/*** RESET ***/
html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
p {
	margin-top: 0px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}

/*** FONTS ***/
body {
	font-family: Arial, Helvetica, sans-serif;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
}
#inner-container .menu a, .box .top, .button span, #content h1, .heading, #search .searchbtn {
	font-family: 'Lobster', arial, sans-serif;
}

/*** LAYOUT ***/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../image/background-pattern.jpg) repeat;
}
#glow {
	background: url(../image/background-glow.png) no-repeat top center;
}
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

/*** LINKS ***/
a, a:visited {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
#column_left a, #column_right a {
	text-decoration: none;
}
#column_left a:hover, #column_right a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}

/*** HEADER ***/
#header .logo {
	float: left;
	padding: 20px;
}
#header .quicklinks {
	float: right;
	padding-top: 7px;
	height: 38px;
}
#header .quicklinks a {
	margin-left: 15px;
	padding: 1px 0px 2px 20px;
	background-repeat: no-repeat;
	background-position: left center;
}
#breadcrumb {
	clear: left;
	float: left;
	padding: 7px 0 11px 20px;
	height: 13px;
	color: #666666;
}
#breadcrumb a {
	color: #666666;
}
#header .tools {
	float: right;
	margin: 20px 20px 0 0;
}
#search {
	clear: right;
	float: right;
	margin: 20px 20px 0 0;
	height: 26px;
	color: #ffffff;
	border: 1px solid #666666;
}
#search .searchbtn {
	font-size: 16px;
	padding: 0 5px;
}
#search a, #search a:hover {
	color: #ffffff;
	text-decoration: none;
}
#search input {
	background: none;
	border: none;
	padding: 2px;
}

/*** MENU ***/
#inner-container .menu {
	width: 100%;
	height: 60px;
	background: url('../image/menu-bg.png') no-repeat;
	text-align: center;
	margin: 0 0 20px;
}
#inner-container .menu a {
	display: inline-block;
	width: 120px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 24px;
}
#inner-container .menu a.selected, #inner-container .menu a:hover {
	color: #666666;
}

/*** CONTENT ***/
#inner-container-top {
	background: url('../image/inner-container-top.png') no-repeat;
	height: 20px;
	clear: both;
}
#inner-container-btm {
	background: url('../image/inner-container-btm.png') no-repeat;
	height: 20px;
	margin-bottom: 20px;
}
#inner-container {
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	padding: 0 18px;
	width: 920px;
}
.switcher {
	float: right;	
	margin-top: 3px;
	margin-left: 10px;
}
.switcher a {
	text-decoration: none;
	display: block;
}
.switcher .selected {
	background: ;
}
.switcher .selected a {
	border: 1px solid #666666;
	background: url('../image/arrow_down.png') 116px center no-repeat;
	color: #666666;
	padding: 2px 5px 2px 5px;
	width: 121px;
}
.switcher .selected a:hover {
	background: #333333 url('../image/arrow_down.png') 116px center no-repeat;
}
.switcher .option {	
	position: absolute;
	z-index: 3;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #000000;
	display: none;
	width: 131px;
}
.switcher .option a {
	color: #666666;
	padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
	background: #333333;
}
.switcher img {
	position: relative;
	top: 1px;
}
#column_left {
	float: left;
	width: 180px;
	margin-right: 10px;
	clear: left;
}
#column_right {
	float: right;
	width: 180px;
	margin-left: 10px;
	clear: right;
}
#content {
	margin: 0 190px 10px;
	padding: 0 20px;
}
#content h1, .heading {
	color: #000000;
	font-size: 24px;
	margin: 0 0 10px;
	font-weight: normal;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
.content {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
}

/*** BOX MODULES ***/
.box {
	margin-bottom: 10px;
}
.box .top .left {
	background: url('../image/box-top-left.png') no-repeat;
	width: 16px;
	height: 36px;
	float: left;
}
.box .top .right {
	background: url('../image/box-top-right.png') no-repeat;
	width: 16px;
	height: 36px;
	float: right;
}
.box .top .center {
	background: url('../image/box-top-ctr.png');
	height: 36px;
	line-height: 36px;
	margin: 0 16px;
	color: #ffffff;
	font-size: 16px;
}
.box .main {
	padding: 10px;
}
#category ul, #information ul {
	margin: 0 0 0 8px;
	padding-left: 12px;
	list-style: url('../image/bullet-1.png');
}
#category ul li, #information ul li {
	padding-bottom: 3px;
}
.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}
.tags, .tags a {
	font-style: italic;
	font-size: x-small;
}
#module_cart .middle {
	padding: 10px;
}
.cart_module_total {
	padding: 0 3px 0 3px;
	font-size: 0.9em; 
	color: #222;
}
.cart_remove {
	margin-top: 3px;
	background: url('../image/list_remove_btn.gif') no-repeat left center transparent;
	padding-right:10px;
	cursor:pointer;
}
.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:pointer;
}

/*** MESSAGES ***/
.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 #666666;
	background: #cccccc;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}

/*** BUTTONS ***/
.button {
	padding-left: 8px;
	display: inline-block;
	margin-right: 5px;
	background: url('../image/button_left.png') top left no-repeat;
	text-decoration: none;
	color:#ffffff;
}
.button span {
	color: #ffffff;
	display: block;
	padding: 4px 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;
}

/*** PRICE CLASSES ***/
.price {
	font-weight: bold;
	color: #000000;
}
.model {
	color: #999;
	font-size: 11px;
}
.discount {
	color: #900;
	text-decoration: line-through;
}
.special {
	color: #ff0000;
	font-weight: bold;
}

/*** MISC ***/
.list {
	margin-bottom: 10px;
	width: 100%;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	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%;
	background: #F8F8F8;
	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 8px 7px;
	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;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.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 ***/
#footer {
	width: 100%;
	clear: both;
	padding: 5px 0 30px;
}
#footer .left {
	float: left;
	text-align: left;
}
#footer .right {
	float: right;
	text-align: right;
}
 

bozkurtum

OpenCart-TR
Katılım
9 Eyl 2011
Mesajlar
18
Tepkime puanı
0
Puanları
0
bu konular için webmaster gerekli foruma herkes kendi kafasına göre açıklamış ama hiç biride ne yapmak istediğini açıklıyamamış konular birbirine girmiş..
 
Üst