http://a1108.hizliresim.com/11/8/23/19030.jpg
arkadaşlar sitemi tasarlama aşamasındayım, fakat ilk defa yaptığım için bir çok noktada elim kolum bağlanıyor ve burada sizlerden yardımlarınızı rica ediyorum...şimdiden herkese teşekkür ederim...
şimdilik 2 tane sorun var..
1-'incisi
üstteki resimde açıklamasını yaptığım gif resmi hareket etmiyor css kodu ve gifin orjinal hali aşağıdaki linkte mevcuttur.
<a href="http://izmirtermalboya.tr.gg/Yang%26%23305%3Bn-Grubu.htm"><img src="http://img.webme.com/pic/i/izmirtermalboya/yanginbanner.gif" alt="AD SPACE" width="150" height="150"></a><br><br>
http://b1108.hizliresim.com/11/8/23/19138.gif
2-'incisi
yine üstteki resimde açıklamasını yaptığım ortadakibeyaz alan oraya birtane daha ürün eklemem lazım fakat arayı açamıyorum,gerekirse sağ veya soldaki menüleri kaldırıp orta alanı açmayı düşünüyorum. bu konu ile ilgili de css kodu aşağıda mevcuttur.
table {margin-left: auto;margin-right: auto}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Theme Name: Modern Blogger
Theme URI:
http://test.qualitywordpress.com/?preview_theme=modernblogger
Description: Modern blogger is all about the new age of blogging and blogs. With fresh new conceptual graphics.
Version: 1.0
Author: qualitywordpress
Author URI:
http://qualitywordpress.com
*/
/* General */
body {
margin: 100;
padding:0;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/bg.jpg");
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
/* Page */
#page {
margin: 0 auto;
width: 907px;
}
/* Header */
#header {
width: 907px;
height: 420px;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header.jpg") no-repeat;
position: relative;
}
/* Header - Info */
#header #header-info {
position: absolute;
top: 85px;
left: 280px;
}
#header #header-info h1 {
color: #000000;
font: normal 35px Century Gothic;
padding-bottom: 5px;
}
#header #header-info h1 a {
color: #000000;
text-decoration: none;
}
#header #header-info .description {
color: #0000000;
font: bold 15px Century Gothic;
}
/* Header - Menu */
#header #header-menu {
position: absolute;
top: 382px;
left: 15px;
height: 34px;
}
#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 34px;
}
#header #header-menu ul li {
float: left;
height: 32px;
margin-right: 11px;
font: normal 12px/32px Century Gothic;
color: #cccccc;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header_menu.gif") repeat-x;
border: 1px solid #000000;
padding: 0 30px;
}
#header #header-menu ul li a {
color: #cccccc;
text-decoration: none;
}
#header #header-menu ul li a:hover {
text-decoration: underline;
}
#header #header-menu ul li ul {
display: none;
}
/* Header - Ssearch */
#header #header-search {
position: absolute;
top: 8px;
left: 650px;
width: 252px;
height: 27px;
}
#header #header-search {
width: 252px;
height: 27px;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_search.gif") no-repeat;
}
#header #header-search #search-form {
margin: 0;
padding: 0;
width: 252px;
height: 27px;
}
#header #header-search #sb {
width: 149px;
height: 17px;
border: 0;
padding: 5px;
font: bold 13px "Century Gothic", Century Gothic;
color: #000000;
background: transparent;
float: left;
}
#header #header-search #searchsubmitb {
background: transparent;
border: none;
width: 83px;
height: 27px;
padding: 0;
float: right;
}
#header #header-text a {
color: #ffffff;
text-decoration: underline;
}
/* Header - Feed */
#header #header-feed {
position: absolute;
top: 3px;
left: 3px;
width: 40px;
height: 40px;
}
/* Main */
#main {
width: 907px;
background: #262626 url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main.gif") repeat-y;
}
#main-top {
width: 907px;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_top.gif") no-repeat;
}
#main-bottom {
width: 907px;
min-height: 50px;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_bottom.gif") no-repeat left bottom;
}
/* Main - Content */
#content-page {
float: left;
width: 495px;
padding: 12px 16px 0 16px;
}
/* Main - Content - Post */
#content-page .post {
float: left;
margin-bottom: 25px;
width: 495px;
}
/* Post - Date */
#content-page .post .post-date {
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_date.gif") no-repeat;
width: 122px;
height: 25px;
color: #000000;
text-align: center;
font: bold 10px/25px Century Gothic;
}
/* Post - Title */
#content-page .post .post-title {
width: 463px;
height: 45px;
border: 1px solid #FFFFFF;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_title.gif") repeat-x;
color: #000000;
font: bold 10px Century Gothic;
padding: 0 15px;
}
#content-page .post .post-title a, .post-title-info a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-title a:hover, .post-title-info a:hover {
text-decoration: underline;
}
#content-page .post .post-title h2 {
color: #000000;
font: bold 15px/45px Century Gothic;
float: left;
}
#content-page .post .post-title h2 a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-title h2 a:hover {
text-decoration: underline;
}
#content-page .post .post-title .post-title-info {
float: left;
line-height: 45px;
}
.post-title-info {
display:block;
width:100%;
text-align:right;
color: #000000;
font: bold 10px Century Gothic;
padding-top: 10px;
}
/* Post - Entry */
#content-page .post .post-entry {
font: normal 12px/18px Century Gothic;
color: #000000;
padding: 0 15px;
width: 465px;
background: #FFFFFF;
float: left;
}
#content-page .post .post-entry a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-entry a:hover {
text-decoration: underline;
}
#content-page .post .post-entry .more-link {
font: bold 11px/20px Century Gothic;
color: #000000;
float: right;
padding-bottom: 5px;
}
#content-page .post .post-entry .more-link a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-entry .more-link a:hover {
text-decoration: underline;
}
/* Post - Info */
#content-page .post .post-info {
padding: 0 10px 0 0;
width: 485px;
clear: both;
font: bold 10px/19px Century Gothic;
color: #000000;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_info.gif") no-repeat;
text-align: right;
}
#content-page .post .post-info a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-info a:hover {
text-decoration: underline;
}
/* Post - Comments */
#content-page .post .post-entry h3 {
color: #000000;
font: bold 14px Century Gothic;
margin: 25px 0 5px 0;
}
#content-page .post .post-entry .comments {
font: normal 11px/18px Century Gothic;
color: #000000;
width: 465px;
}
#content-page .post .post-entry .comments a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-entry .comments a:hover {
text-decoration: underline;
}
#content-page .post .post-entry .comments ol {
margin: 10px 0 10px 0;
padding-left: 25px;
}
#content-page .post .comments ol li {
padding: 5px;
}
#content-page .post .post-entry .comments ol li.alt {
background: #cccccc;
}
#content-page .post .post-entry .comments ol li cite {
color: #000000;
font-style: normal;
font-weight: bold;
}
#content-page .post .post-entry .comments ol li cite a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-entry .comments ol li cite a:hover {
text-decoration: underline;
}
#content-page .post .post-entry .comments ol li .commentmetadata a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-entry .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}
#content-page .post .post-entry #commentform {
font: normal 11px/18px Century Gothic;
color: #FFFFFF;
width: 450px;
padding-left: 15px;
margin: 0;
}
#content-page .post .post-entry #commentform a {
color: #000000;
text-decoration: none;
}
#content-page .post .post-entry #commentform a:hover {
text-decoration: underline;
}
/* Main - Content - Navigation */
#content-page .navigation {
font: bold 12px/25px Century Gothic;
color: #000000;
width: 495px;
height: 25px;
float: left;
margin-bottom: 25px;
}
#content-page .navigation a {
color: #000000;
text-decoration: none;
}
#content-page .navigation a:hover {
text-decoration: underline;
}
#content-page .navigation .navigation-previous {
float: left;
}
#content-page .navigation .navigation-next {
float: right;
}
/* Main - Sidebar */
.sidebar {
float: left;
width: 170px;
font: normal 12px/18px Century Gothic;
color: #000000;
}
.sidebar a {
color: #000000;
text-decoration: none;
}
.sidebar a:hover {
text-decoration: underline;
}
/* Sidebar - Sides */
.sidebar-left {
padding: 12px 3px 15px 16px;
}
.sidebar-right {
padding: 12px 0 15px 3px;
}
/* Sidebar - Titles */
.sidebar h3 {
padding-left: 10px;
font: normal 14px/26px Century Gothic;
color: #ADE2AD;
width: 159px;
height: 26px;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_title.gif") repeat-x;
}
/* Sidebar - Menus */
.sidebar ul {
margin: 5px 0 8px 0;
padding: 0;
list-style-type: none;
}
.sidebar ul li {
padding-left: 11px;
color: #cccccc;
font: bold 11px/25px Century Gothic;
background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_menu.gif") repeat-x;
}
.sidebar ul li a {
color: #cccccc;
text-decoration: none;
}
.sidebar ul li a:hover {
text-decoration: underline;
}
/* Sidebar - Submenus */
.sidebar ul li ul {
margin: 0;
padding: 0;
}
/* Sidebar - Forms */
.sidebar #searchform {
margin: 0;
padding: 5px 0 8px 0;
width: 170px;
text-align: center;
}
.sidebar #searchform #s {
width: 140px;
}
/* Sidebar - Tables */
.sidebar #calendar_wrap {
margin: 0 auto;
padding: 5px 0 8px 0;
width: 130px;
}
.sidebar #calendar_wrap caption {
font-weight: bold;
}
.sidebar #calendar_wrap tbody {
text-align: right;
}
.sidebar #calendar_wrap tfoot #next {
text-align: right;
}
.sidebar #calendar_wrap #today {
font-weight: bold;
}
/* Sidebar - Texts */
.sidebar .textwidget {
padding: 5px 4px 8px 4px;
}
/* Sidebar - Feed */
.sidebar #sidebar-feed {
margin: 5px auto 8px auto;
width: 160px;
height: 60px;
}
/* Footer */
#footer {
width: 907px;
height: 83px;
background: #000000;
color: #ffffff;
font: 10px/20px Century Gothic;
text-align: center;
}
#footer a {
color: #ffffff;
text-decoration: underline;
}
#footer a:hover {
text-decoration: underline;
}
[/b]
üstteki resimde açıklamasını yaptığım gif resmi hareket etmiyor css kodu ve gifin orjinal hali aşağıdaki linkte mevcuttur.
