Bana verdiğiniz örnek adres şu: http://www.trkolik.com/yaz-aksamlari-icin-harika-elbiseler/
Buna göre tarif edeceğim.
Temanızın "style.css" dosyasını açın. 535. satırdaki ".entry h2" class'ına color özelliği ekleyin, şu şekilde: color:#FD0859;
Yan menüdeki başlıklar için ise; yine "style.css" dosyanızdaki 826. satırda olan ".widget h3" class'ına aynı color kodunu ekleyin.
Buna göre tarif edeceğim.
Temanızın "style.css" dosyasını açın. 535. satırdaki ".entry h2" class'ına color özelliği ekleyin, şu şekilde: color:#FD0859;
Yan menüdeki başlıklar için ise; yine "style.css" dosyanızdaki 826. satırda olan ".widget h3" class'ına aynı color kodunu ekleyin.
Yapmaya çalıştım fakat hata verdi yanlış yaptım sanırım :S Hocam size zahmet şuna ekleyebilirmisiniz kodları ?
/*
Theme Name: FashionPro
Theme URL: http://theme-junkie.com/
Description: designed by Theme Junkie. A premium theme Shared at premium themes
Author: Roy Guan
Author URI: http://theme-junkie.com/
Version: 1.0
Tags: three-columns, advertise-ready, widget-ready, advanced-theme-options
*/
/*******************
* RESET *
*******************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0px;
padding: 0px;
}
table {
border-collapse: collapse;
border-spacing: 0px;
}
fieldset,img {
border: 0px;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0px;
}
.clear{
clear: both;
}
.right {
float: right;
}
.left {
float: left;
}
/*******************
* GLOBAL *
********************/
body {
background: #0099CC;
font: 12px/17px Arial, Helvetica, sans-serif;
color: #222222;
}
input {
font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
background: #FFFFFF url(images/hatch.gif) repeat;
width: 960px;
margin: 0px auto 0px auto;
padding: 0px 5px 5px 5px;
}
/*******************
* HYPERLINKS *
********************/
a, a:visited, a:active {
color: #333333;
text-decoration: none;
}
a:hover {
color: #FD0859;
text-decoration: underline;
}
a img {
border: none;
}
a:focus, a:hover, a:active {
outline: none;
}
/*******************
* SEARCH FORM *
********************/
#searchform {
margin: 0px;
padding: 0px;
}
.searchinput {
float: right;
background: #FFFFFF;
width: 130px;
height: 15px;
margin: 6px 0px 0px 0px;
padding: 3px 3px 2px 3px;
font-size: 12px;
color: #666666;
border: none;
}
.searchsubmit {
float: right;
background: #FFFFFF url(images/searchbg.gif) repeat-x;
height: 20px;
margin: 6px 5px 0px 3px;
padding: 2px 2px 2px 2px;
border: none;
color: #333;
letter-spacing: -1px;
font-weight: bold;
}
/*******************
* HEADER *
********************/
#headerwrapper {
background:none;
width: 970px;
margin: 15px auto 0px auto;
padding: 0px;
}
#header {
background: none;
height: 80px;
}
.logo {
background: url(images/logo.png) no-repeat;
float: left;
width: 240px;
height: 60px;
margin: 10px 0px 0px 0px;
padding: 0px;
}
.ad468x60 {
float: right;
width: 468px;
height: 60px;
margin: 10px 0px 0px 0px;
padding: 0px;
}
.ad468x60 img {
border: none;
}
/*******************
* MENU *
********************/
#menu {
background: #333333;
width: 970px;
height: 32px;
margin: 0px auto 0px auto;
}
#menu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 1px;
padding: 0px;
}
#menu li {
float: left;
list-style: none;
border-right: 1px solid #222222;
}
#menu ul li {
margin: 0px 0px 0px -1px;
list-style: none;
border-right: 1px solid #222222;
}
#menu li a, #menu li a:link, #menu li a:visited {
margin: 0px;
padding: 8px 10px 7px 10px;
color: #FFFFFF;
display: block;
font-size: 1.2em;
font-weight: bold;
font-family: helvetica, arial;
letter-spacing: -1px;
}
#menu li a:hover, #menu li a:active {
background: #FD0859;
margin: 0px;
padding: 8px 10px 7px 10px;
color: #FFFFFF;
display: block;
text-decoration: none;
border-bottom: none;
}
#menu li li a, #menu li li a:link, #menu li li a:visited {
background: #333333;
opacity: .90;
filter: alpha(opacity=90);
width: 140px;
float: none;
margin: 0px;
padding: 8px 10px 7px 10px;
color: #FFFFFF;
border-bottom: 1px solid #222222;
border-left: 1px solid #222222;
border-right: 1px solid #222222;
}
#menu li li a:hover, #menu li li a:active {
background: #FD0859;
padding: 8px 10px 7px 10px;
color: #FFFFFF;
border-bottom: 1px solid #222222;
border-left: 1px solid #222222;
border-right: 1px solid #222222;
}
#menu li ul {
z-index: 9999;
position: absolute;
height: auto;
width: 162px;
margin: 0px 0px 0px -1px;
padding: 0px;
left: -999em;
border-top: 1px solid #222;
}
#menu li li {
border: none;
margin: 0px;
}
#menu li ul a {
width: 120px;
}
#menu li ul a:hover, #menu li ul a:active {
}
#menu li ul ul {
margin: -34px 0px 0px 161px;
padding: 0px;
border-top: 1px solid #222;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
left: auto;
}
#menu li:hover, #menu li.sfhover {
position: static;
}
/*******************
* HOMEPAGE *
********************/
#col1 {
background: #FFFFFF;
float: left;
width: 615px;
margin: 5px 0px 0px 0px;
padding: 10px;
}
/*********************
* FEATURED BLOCK *
**********************/
#featuredcontent {
width: 615px;
height: 250px;
margin: 0px;
}
/*******************
* COLUMNS *
********************/
#contentwide {
background: #FFFFFF;
float: left;
width: 940px;
margin: 5px 0px 0px 0px;
padding: 10px;
}
.catbox {
width: 298px;
padding: 0px 10px 0px 10px;
border-right: 1px dashed #CCCCCC;
}
.postbox1 {
width: 140px;
margin: 0px 0px 5px 0px;
padding: 0px;
}
.postbox2 {
width: 140px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 13px;
}
.postbox1 img, .postbox2 img {
padding: 5px;
border: 1px solid #F0F0F0;
}
#contentleft {
float: left;
width: 298px;
padding: 0px 10px 0px 0px;
border-right: 1px dashed #CCCCCC;
}
#contentright {
float: left;
width: 295px;
padding: 0px 0px 0px 10px;
}
#contentwide h2, #contentleft h2, #contentright h2, .postbox h2 {
margin: 5px 0px 5px 0px;
font-size: 12px;
font-weight: bold;
}
#contentwide ul {
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
border-top: 1px dashed #CCCCCC;
}
#contentleft ul, #contentright ul {
margin: 0px 0px 20px 0px;
padding: 10px 0px 5px 0px;
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
}
#contentwide li, #contentleft li, #contentright li {
background: #FFFFFF url(images/arrow.gif) no-repeat 1px 4px;
padding: 0px 0px 5px 10px;
}
#contentwide li a, #contentleft li a, #contentright li a {
}
.category {
background: #FFFFFF;
margin: 3px 0px 7px 0px;
line-height: 20px;
}
.category a {
background: url(images/bluestar.gif) no-repeat 0px 2px;
padding: 3px 5px 3px 20px;
color: #FD0859 !important;
font-size: 1.2em;
font-weight: bold;
font-family: helvetica, arial;
letter-spacing: -1px;
text-transform: uppercase;
}
.thumb img{
padding: 5px;
border: 1px solid #e9e9e9;
}
/*******************
* CONTENT *
********************/
#content {
background: #FFFFFF;
float: left;
width: 615px;
margin: 5px 0px 0px 0px;
padding: 10px;
color: #333333;
}
#fullcontent {
background: #FFFFFF;
float: left;
width: 940px;
margin: 5px 0px 0px 0px;
padding: 10px;
color: #333333;
}
.h2title {
font-size: 16px;
font-weight: bold;
padding: 5px 0px 10px 0px;
border-bottom: 1px dashed #CCCCCC;
}
.singletitle {
font-size: 16px;
font-weight: bold;
padding: 5px 0px 0px 0px;
}
.byline {
height: 14px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
color: #666666;
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
border-bottom: 1px dashed #CCCCCC;
}
.author a {
color: #666666;
}
.comments {
background: #FD0859;
margin: 0px 0px 0px 5px;
padding: 0px 2px 0px 2px;
color: #FFFFFF;
font-weight: bold;
}
.comments a {
color: #FFFFFF !important;
text-decoration: none !important;
}
.postnav {
padding: 7px 0px 7px 0px;
border-top: 1px dashed #CCCCCC;
}
.postnav a {
color: #333333;
}
.postnav a:hover {
color: #FD0859;
}
.postnav .left {
width: 280px;
text-align: left;
}
.postnav .right {
width: 280px;
text-align: right;
}
.previouspost {
font-size: 11px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.nextpost {
font-size: 11px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
text-align: right;
}
.previouspost a:hover, nextpost a:hover {
text-decoration: underline;
}
/*******************
* ENTRY *
********************/
.entry {
margin: 10px 0px 0px 0px;
padding: 0px;
color: #444444;
line-height: 1.4em;
}
.entry p {
padding-bottom: 10px;
}
.entry strong {
font-weight: bold;
}
.entry h1 {
font-size: 20px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}
.entry h2 {
font-size: 18px;
font-weight: bold;
margin: 0px !important;
padding: 0px 0px 7px 0px !important;
border: none !important;
}
.entry h3 {
font-size: 16px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}
.entry h4 {
font-size: 14px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}
.entry h5 {
font-size: 13px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}
.entry h6 {
font-size: 12px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}
.entry a {
color: #1D6B9D;
}
.entry a:hover {
color: #FD0859;
text-decoration: underline;
}
.entry a img {
border: none;
}
.entry ul {
padding-bottom: 10px;
list-style: none;
}
.entry ol {
padding-bottom: 10px;
list-style: decimal inside;
}
.entry ul li {
background: url(images/arrow.gif) no-repeat 3px 6px;
padding: 3px 0px 3px 13px;
font-size: 12px;
line-height: 15px;
color: #4C4C4C;
}
.entry li a {
color: #333333;
}
.entry li ul {
margin: 0px;
padding: 0px;
}
.page {
background: #fff;
margin: 10px 0px 0px 0px;
}
.entry del {
text-decoration: line-through;
color: #AAAAAA;
}
.entry ins {
text-decoration: underline;
font-weight: bold;
}
.entry code {
display: block;
background: #EEEEEE;
margin: 0px 0px 20px 0px;
padding: 10px;
font-size: 12px;
color: #444444;
border: 1px solid #E6E6E6;
}
.entry blockquote {
display: block;
background: #E9F8FB;
margin: 0 0 20px 0;
padding: 10px 10px 10px 10px;
color: #366799;
border: 1px solid #CFDEE1;
}
.entry blockquote blockquote {
margin: 0;
padding: 0 0 0 20px;
color: #555555;
font-size: 12px;
font-style: italic;
font-weight: normal;
border: none;
}
/*******************
* ARCHIVE *
********************/
.archive {
margin: 15px 0px 0px 0px;
padding: 0px;
border-bottom: 1px dashed #CCCCCC;
}
.archive h2 {
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 16px;
font-weight: bold;
}
.archiveright {
width: 503px;
}
.archivetitle {
color: #FD0859;
text-transform: uppercase;
letter-spacing: -1px;
}
.postmeta {
margin: 10px 0px 10px 0px;
font-size: 11px;
text-transform: uppercase;
}
.postmeta strong {
background: #1D6B9D;
padding: 0px 2px 0px 2px;
font-weight: bold;
color: #FFFFFF;
}
.postmeta span {
background: #FD0859;
margin: 0px 0px 0px 10px;
padding: 0px 2px 0px 2px;
font-weight: bold;
color: #FFFFFF;
}
.postmeta a {
color: #333333;
text-decoration: none;
}
.postmeta a:hover {
color: #FD0859;
text-decoration: underline;
}
/*******************
* IMAGES *
********************/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background-color: #F3F3F3;
margin: 0px 10px 10px 0px;
padding: 4px 0px 0px 0px;
text-align: center;
overflow: hidden;
}
.wp-caption img {
margin: 0px;
padding: 0px;
border: 0px none;
}
.wp-caption p.wp-caption-text {
padding: 3px;
margin: 0px;
font-style: italic;
color: #888888;
}
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 0px;
margin: 0px 0px 10px 10px;
display: inline;
}
img.alignleft {
padding: 0px;
margin: 0px 10px 10px 0px;
display: inline;
}
.alignright {
float: right
}
.alignleft {
float: left
}
/*******************
* SIDEBAR *
********************/
#sidebar {
background: none;
float: right;
width: 320px;
margin: 5px 0px 0px 0px;
padding: 0px;
}
#sidebar .ad300x250 {
margin-bottom: 5px;
}
#sidebarad {
background: #FFFFFF;
float: right;
width: 320px;
margin: 5px 0px 0px 0px;
padding: 0px;
}
.box {
margin: 5px 0px 10px 0px;
padding: 0px;
background: #FFFFFF;
color: #333333;
line-height: 18px;
}
.widget {
background: #FFFFFF;
margin: 0px;
padding: 10px;
}
.widget ul{
margin: 0px;
padding: 0px;
}
.widget ul li {
list-style: none;
margin: 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #CCCCCC;
}
.widget li ul {
}
.widget li li {
}
.widget h3 {
margin: 0px;
padding: 5px 5px 5px 0px;
background: #FFFFFF;
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
font-family: helvetica, arial;
letter-spacing: -1px;
border-bottom: 3px solid #fd0859;
}
.ad300x250 {
background: #FFFFFF;
width: 300px;
height: 250px;
margin: 0px;
padding: 10px;
}
.ad300x250 img {
border: none;
}
/******************
* SUBSCRIBE *
******************/
.subscribe {
margin: 0px 0px 10px 0px;
padding: 0px;
}
.rss {
padding-left: 24px !important;
background: #FFFFFF url(images/rss.gif) no-repeat 0px 4px;
}
.twitter {
padding-left: 24px !important;
background: #FFFFFF url(images/twitter.gif) no-repeat 0px 4px;
}
/*******************
* CALENDER *
********************/
#wp-calendar th {
background: #FFFFFF;
margin: 5px 0px 0px 0px;
font-weight: bold;
text-align: center;
text-transform: capitalize;
color: #666;
}
#wp-calendar caption {
font-size: 13px;
font-weight: bold;
text-align: center;
color: #666666;
padding: 0px 5px 5px 5px;
margin: 2px 0px 2px 0px;
border-bottom: 1px dotted #CCCCCC;
}
#wp-calendar td {
color: #666666;
letter-spacing: normal;
padding: 2px 0px;
text-align: center;
}
#wp-calendar #today {
background: #FD0859;
color: #FFFFFF;
}
#wp-calendar {
empty-cells: show;
font-size: 12px;
margin: 0px;
width: 100%;
}
/*******************
* COMMENTS *
********************/
.comments-box {
padding: 20px 0px 0px 0px;
border-top: 1px dashed #CCCCCC;
}
.comments-box img {
}
.comments-box h3 {
margin: 0px;
padding: 0px;
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
color: #FD0859;
}
#respond {
background: #FFFFFF;
margin: 10px 0px 0px 0px;
padding: 5px;
}
#respond p {
color: #777777;
margin: 0px;
}
.cancel-comment-reply {
padding: 5px 0px 0px 0px;
font-size: 11px;
}
.cancel-comment-reply a {
color: #000000;
}
.cancel-comment-reply a:hover {
color: #FD0859;
}
.text {
border: 1px solid #DDDDDD;
padding: 2px;
color: #777777;
width: 200px;
}
/************************
* COMMENT FRAMEWORK *
*************************/
ol.commentlist a:link {
text-decoration: none;
}
ol.commentlist li div.vcard cite.fn a.url:hover {
text-decoration: none;
}
ol.commentlist {
margin: 15px 0px 0px 0px;
padding: 0px;
background: #FFFFFF;
}
ol.commentlist li {
margin: 0px 0px 10px 0px;
padding: 10px;
list-style-type: none;
border: 1px dotted #CCCCCC;
}
ol.commentlist li.alt {
}
ol.commentlist li.bypostauthor p {
}
ol.commentlist li.byuser {
}
ol.commentlist li.comment-author-admin {
}
ol.commentlist li.comment {
}
ol.commentlist li div.comment-author {
}
ol.commentlist li div.vcard {
}
ol.commentlist li div.vcard cite.fn {
font-style: normal;
font-weight: bold;
}
ol.commentlist li div.vcard cite.fn a.url {
color: #222222;
}
ol.commentlist li div.vcard img.avatar {
float: left;
margin: 0px 10px 5px 0px;
}
ol.commentlist li div.vcard img.avatar-32 {
padding: 4px;
background: #FFFFFF;
border: 1px solid #F0F0F0;
}
ol.commentlist li div.vcard img.photo {
padding: 4px;
background: #FFFFFF;
border: 1px solid #F0F0F0;
}
ol.commentlist li div.vcard span.says {
color: #888888;
}
ol.commentlist li div.commentmetadata {
}
ol.commentlist li div.comment-meta {
margin: 3px 0px 0px 0px;
font-size: .9em;
}
ol.commentlist li div.comment-meta a {
color: #AAAAAA;
text-decoration:none;
}
ol.commentlist li p {
margin: 30px 0px 0px 0px;
line-height: 1.4em;
}
ol.commentlist li ul {
}
ol.commentlist li div.reply {
margin: 10px 0px 0px 0px;
line-height: 18px;
}
ol.commentlist li div.reply a {
background: #FFFFFF;
height: 16px;
font-size: 10px;
color: #1D6B9D !important;
text-transform: uppercase;
}
ol.commentlist li div.reply a:hover {
color: #FD0859 !important;
text-decoration: none;
}
ol.commentlist li ul.children {
}
ol.commentlist li ul.children li {
margin: 10px 0px 0px 0px;
background: #FFFFFF;
border: 1px dotted #CCCCCC;
}
ol.commentlist li ul.children li li.alt {
background: #FFFFFF;
}
ol.commentlist li ul.children li.bypostauthor {
}
ol.commentlist li ul.children li.byuser {
}
ol.commentlist li ul.children li.comment {
}
ol.commentlist li ul.children li.comment-author-admin {
}
ol.commentlist li ul.children li.depth-2 {
}
ol.commentlist li ul.children li.depth-3 {
}
ol.commentlist li ul.children li.depth-4 {
}
ol.commentlist li ul.children li.depth-5 {
}
ol.commentlist li ul.children li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li.odd {
}
ol.commentlist li.parent {
}
ol.commentlist li.pingback {
}
ol.commentlist li.thread-alt {
}
ol.commentlist li.thread-even {
}
ol.commentlist li.thread-odd {
}
/*******************
* COMMENT FORM *
********************/
#commentform {
}
#commentform input {
width: 210px;
margin: 7px 3px 0px 0px;
padding: 5px;
font-size: 12px;
border: 1px solid #DDDDDD;
}
#commentform .author, #commentform .email, #commentform .url {
padding: 3px 3px 3px 5px;
background: #FFFFFF;
color: #999999;
font-style: italic;
}
#commentform textarea {
width: 75%;
height: 100px;
margin: 7px 0px 0px 0px;
padding: 2px;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #DDDDDD;
}
#commentform .submit {
background: #FD0859;
width: 120px;
margin: 7px 0px 0px 0px;
padding: 4px;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #DDDDDD;
}
/*******************
* NAVIGATION *
********************/
.navigation {
margin: 5px 0px 10px 0px;
padding: 5px 0px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.navigation a {
background: #FD0859;
padding: 3px 5px;
color: #FFFFFF !important;
text-decoration: none !important;
}
/******************
* FOOTER *
*******************/
#footer {
background: #FFFFFF;
margin: 5px 0px 0px 0px;
padding: 7px;
color: #333333;
font-size: 11px;
line-height: 20px;
text-transform: uppercase;
}
#footer a {
}
#footer a:hover {
border-bottom: none;
}
#footer ul {
float: left;
list-style: none;
margin: 0px 0px 0px 1px;
padding: 0px;
}
#footer li {
float: left;
list-style: none;
margin: 1px 5px 0px 0px;
padding: 0px;
text-transform: uppercase;
}
#footer ul li {
list-style: none;
margin: 0px 5px 0px 0px;
padding: 0px;
}
#footer li a, #topnav li a:link, #topnav li a:visited {
display: block;
margin: 0px;
padding: 3px;
color: #333333;
}
#footer li a:hover, #topnav li a:active {
display: block;
background: #fd0859;
margin: 0px;
padding: 3px;
color: #fff;
text-decoration: none;
border-bottom: none;
}
#footer li li a, #topnav li li a:link, #topnav li li a:visited {
float: none;
background: #FFFFFF;
width: 130px;
margin: 0px;
padding: 3px;
color: #111111;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
#footer li li a:hover, #topnav li li a:active {
background: #FD0859;
color: #FFFFFF;
padding: 3px;
}
.footerrss {
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 13px !important;
background: #fff url(images/rss-small.gif) no-repeat 0px 5px;
}
.footerrss a, .footer a:visited {
background: #FFFFFF !important;
color: #333333 !important;
}
.footerrss a:hover {
color: #FD0859 !important;
}
#bottom {
width: 970px;
margin: 10px auto 10px auto;
text-align: right;
line-height: 17px;
color: #FFFFFF;
font-size: 11px;
text-transform: uppercase;
}
#bottom a {
color: #FFFFFF;
}
.onceki-resim{float:left;}
.sonraki-resim{float:right}
.galerititle{ text-align:center}
.basadon{ text-align:center; font-size:16px; font-weight:bold}
.basadon a{color:#000}
.basadon a:hover{color:#900}