http://img684.imageshack.us/img684/5140/1111tw.png
css kısmında top.png ile çekilen kısma top.html,top.php ve en son olarakta flash denedim top.swf olarak fakat top.png dışında her hangi bir şey çekmeye çalıştığım zaman da ekran görüntüsü şu tarz oluyor :
http://img690.imageshack.us/i/2222k.png/
Kısaca buton tarzı bir şey eklmek istiyorum ama halledemiyoruz.
/*
Theme Name:Gorgon
Theme URL: http://www.web2feel.com/gorgon/
Description: Free iPhone Apps WordPress theme released by web2feel.com
Author: Jinsona
Author URI: www.web2feel.com
Version: 1.0.0
Tags: iPhone Apps, twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense.
*/
*{
margin: 0px;
padding: 0px;
}
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background: url(images/wrap.png);
font-family:Georgia,Verdana,Arial,Tahoma, Century gothic,sans-serif;
font-size:12px;
}
img {
border:0;
margin: 0 0;
}
a {
color: #BF3100;
text-decoration: none;
outline:none;
}
a:visited {
color: #BF3100;
}
a:hover, a:active {
color: #7F2100;
text-decoration: none;
}
h1,h2, h3, h4, h5, h6 {
line-height:125%;
font-weight: bold;
}
table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
tr th,
thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
tr.odd td {
background: #f2f7fc;
}
ul {
list-style: square;
}
blockquote {
font-style: italic;
color: #555;
padding:10px;
}
blockquote blockquote {
color: #777;
}
blockquote em {
font-style: normal;
}
pre {
padding: 9px;
background: #f9f9f9;
border-left: 5px solid #ccc;
font-family: Monaco,Consolas,"Courier News",monospace;
}
code {
padding: 0 3px;
background: #eee;
}
pre code {
background: transparent;
}
.clear {
clear:both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}
img.alignnone {
padding: 5px 5px;
margin: 0px 0px 10px 0px;
display: inline;
background:#ddd;
border: 1px solid #ccc;
}
img.alignright {
padding: 5px 5px;
margin: 5px 0px 10px 10px;
display: inline;
background:#ddd;
border: 1px solid #ccc;
}
img.alignleft {
padding: 5px 5px;
margin: 5px 10px 10px 0px;
display: inline;
background:#ddd;
border: 1px solid #ccc;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0px 0px 10px 10px;
}
.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}
.wp-caption {
background:#ddd;
border: 1px solid #ccc;
text-align: center;
padding: 4px 0px 5px 0px;
color:#777;
}
.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
/* The Outer cover */
#wrapper {
margin:0px auto;
position:relative;
}
.appsec{
background:url(images/home.png) top repeat-x;
}
#casing {
padding:0px 0px 10px 0px;
width:1000px;
margin:0px auto;
}
/* The Header */
#head{
background:#25160c;
height:150px;
font-family:Georgia,Arial,Tahoma, Century gothic,sans-serif;
}
#top {
height:110px;
margin:0px auto;
width:1000px;
position:relative;
background:url(images/top.png) no-repeat;
}
.blogname {
width:400px;
margin:15px 0 0 40px;
height:70px;
text-align:left;
float:left;
padding-left:10px;
}
.blogname h1 {
font-size:36px;
padding:0 0 0px 0;
font-weight:normal;
color:#222;
}
.blogname h1 a:link, .blogname h1 a:visited{
color: #fff;
display:block;
margin:5px 0 0 0px;
}
.blogname h1 a:hover {
color: #fff;
}
.blogname h2 {
margin:0px 0px 0px 0px;
font-size:16px;
font-weight:normal;
color: #cb7746;
}
/* The Search */
#search {
background:url(images/search.png);
width:222px;
padding:0px 0px ;
margin:77px 0px 0px 0px;
display:inline;
float:right;
height:33px;
}
#search form {
margin: 0px 0px 0px 0px;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
width:195px;
margin:7px 0px 0px 8px;
padding: 3px 5px;
height:16px;
border:none;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#fff;
border:none;
background:#321D10;
display:inline;
}
input#searchsubmit{
padding: 3px 5px;
display:inline;
margin:0px 0px 0px 0px;
height:28px;
width:26px;
background:url(images/submit.png);
color:#fff;
border:none;
}
/*Page menu*/
#foxmenucontainer{
height:40px;
display:block;
padding:0px ;
background:url(images/menu.png) repeat-x;
}
#menu{
margin:0px auto;
padding: 0px;
height:40px;
overflow:hidden;
width:1000px;
}
#menu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#menu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
text-transform:uppercase;
}
#menu li a, #menu li a:link, #menu li a:visited {
color:#EF9159;
display: block;
margin: 0px;
padding: 0px 10px ;
line-height:40px;
text-shadow:1px 1px 0px #5F3217;
}
#menu li a:hover, #menu li a:active {
color: #fff;
margin: 0px;
padding: 0px 10px ;
line-height:40px;
text-decoration: none;
}
#menu li li a, #menu li li a:link, #menu li li a:visited {
color:#EF9159;
width: 150px;
background: #693E22;
font-weight: normal;
float: none;
margin: 0px;
padding: 0px 10px ;
line-height:30px;
border-bottom: 1px solid #7C492B;
}
#menu li li a:hover, #menu li li a:active {
background: #693E22;
color: #fff;
padding: 0px 10px ;
line-height:30px;
}
#menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
background:#FFFFFF;
}
#menu li li {
}
#menu li ul a {
width: 140px;
}
#menu li ul a:hover, #menu li ul a:active {
}
#menu li ul ul {
margin: -31px 0 0 170px;
}
#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;
}
/* Content */
#content{
float:right;
width:680px;
margin-top:30px;
}
.post{
margin-bottom:20px;
}
img.postimg{
float:left;
margin:5px 15px 10px 0px;
width:200px;
height:120px;
}
.title{
margin-bottom:10px;
border-bottom:1px dashed #ccc;
padding-bottom:10px;
position:relative;
}
.title h2{
font-size:24px;
padding:10px 0px;
text-shadow:1px 1px 0px #eee;
}
.title h2 a:link, .title h2 a:visited{
color:#222;
}
span.author{
text-transform:uppercase;
font-size:10px;
background:url( images/user.png) no-repeat;
padding:2px 0px 2px 20px;
}
span.comm{
text-transform:uppercase;
font-size:10px;
background:url( images/balloon.png) no-repeat;
padding:2px 0px 2px 20px;
}
.comm a:link,.comm a:visited{
color:#7E4A2B;
}
span.date{
text-transform:uppercase;
font-size:10px;
position:absolute;
padding:2px 0px 2px 20px;
right:0px;
bottom:10px;
background:url( images/clock.png) no-repeat;
}
span.categorys{
text-transform:uppercase;
font-size:10px;
}
.categorys a:link,.categorys a:visited{
color:#7E4A2B;
}
.entry {
margin:0 0;
padding: 0px 0px ;
color:#666;
font-size:12px;
}
.entry a:link,
.entry a:visited {
color:#BF3100;
background-color: transparent;
}
.entry a:hover {
color:#7F2100;
background-color: transparent;
text-decoration: none;
}
.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li{
list-style-position:outside;
margin-left: 1.6em;
}
.entry p{
margin:0px 0px 20px 0px;
padding:0px 0px;
line-height:22px;
}
/* Sidebar */
.left{
float:left;
width:300px;
padding-top:30px;
}
.sidebar{
float:left;
}
.sidetitle{
height:22px;
font-size:18px;
padding:5px 0px 5px 10px;
color:#fff;
background:#424536;
}
.sidebox{
width:270px;
padding:10px;
background:#fff;
margin:0px 0px 10px 0px;
border:1px solid #eaeaea;
}
.sidebox ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 5px 0px ;
}
.sidebox li{
list-style-type: none;
margin: 0 ;
padding: 0;
}
.sidebox ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.sidebox ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebox ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebox ul li {
height:100%;
line-height:18px;
clear:left;
width: 270px;
margin:0px 0px;
list-style-type: none;
text-shadow:1px 1px 0px #fff;
}
.sidebox ul li a:link, .sidebox ul li a:visited {
color:#555;
border-bottom:1px dotted #ddd;
text-decoration: none;
padding: 5px 0px 5px 10px;
display:block;
}
.sidebox ul li a:hover {
color: #7D492B;
}
.sidebox p {
padding: 7px 10px;
margin:0;
}
.sidebox table{
width:100%;
text-align:center;
color:#555;
}
p.twitter-message{
color:#d8cd75;
font-size:12px;
border-bottom:1px solid #4d513f;
padding:10px 0px;
}
a.twitter-link,a.twitter-user{
color:#fff;
}
.squarebanner {
margin:10px 30px 0px 0px;
float:right;
}
.squarebanner ul{
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 5px;
width:300px;
overflow:hidden;
}
.squarebanner ul li{
list-style-type:none;
margin: 12px 6px 0px 6px!important;
float:left;
padding:5px!important;
display:inline;
background:#2E3026;
}
li.recentcomments{
padding:5px 0px;
}
/*calendar*/
#wp-calendar{
width: 100%;
padding: 0px 5px;
}
#calendar_wrap{
margin:0px auto;
}
#wp-calendar caption{
padding: 10px 5px 5px 5px ;
font-size:16px;
color:#375752;
font-weight:bold;
font-family:Georgia,Century gothic, Arial, sans-serif;
text-transform:uppercase;
}
#wp-calendar th, #wp-calendar td{
padding: 5px;
text-align:center;
color:#fff;
background:#333;
}
#wp-calendar td a{
padding: 0px;
border:none;
color:#843400;
}
#wp-calendar td{
background:transparent;
border:none;
color:#444;
}
#wp-calendar td, table#wp-calendar th{
padding: 2px 0;
}
/* --- FOOTER --- */
#footer {
padding:10px 0 10px 0px;
color:#BABFA7;
font-size:11px;
margin:0px auto;
background:#2e3026;
}
#footer a:link , #footer a:visited{
color:#BABFA7;
}
#footer a:hover {
color:#fff;
}
.fcred{
text-align:center;
margin:10px 0px 10px 20px;
line-height:16px;
}
/* The Attachment */
.contentCenter {
text-align:center;
}
/* The Page Title */
h2.pagetitle {
padding:10px 0px;
font-size:14px;
text-align:left;
color:#555;
border-bottom:1px dashed #ccc;
margin-bottom:10px;
}
h2.pagetitle a {
color:#507409;
}
/* Comments */
#commentsbox {
margin:0 0px;
}
h3#comments{
font-size:14px;
color:#fff;
background:#7D492B;
font-family:Arial, Georgia,Century gothic, sans-serif;
font-weight:bold;
padding:10px 10px ;
margin-top:10px;
}
ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;
}
ol.commentlist li {
margin:5px 0;
line-height:18px;
padding:10px;
border:1px solid #eee;
}
ol.commentlist li .comment-author {
color:#000;
font-family:Arial, Georgia,Century gothic, sans-serif;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
color:#000;
font-weight:bold;
text-decoration:none !important;
}
ol.commentlist li .comment-author .fn {
color:#000;
}
cite.fn{
color:#000;
font-style:normal;
}
ol.commentlist li .comment-author .avatar{
float:right;
border:1px solid #ddd;
background:#fff;
padding:3px;
}
ol.commentlist li .comment-meta{
font-size:10px;
}
ol.commentlist li .comment-meta .commentmetadata{
color:#000;
}
ol.commentlist li .comment-meta a {
color:#6F001C;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#666;
font-size:12px;
}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a{
background:#7D492B ;
border:1px solid #9F213F;
color:#fff;
text-decoration:none;
padding:3px 10px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
margin:0 0 0px 50px;
}
.comment-nav{
padding:5px ;
height:20px;
}
.comment-nav a:link,.comment-nav a:visited{
color:#f96e02;
}
#respond{
padding:0px 0px ;
margin:10px 0px;
}
#respond h3 {
font-size:14px;
color:#fff;
background:#5E5E5E;
font-weight:bold;
padding:10px 10px ;
}
#commentform {
padding:10px 20px;
border:1px solid #eee;
}
#commentform p{
margin:5px 0px ;
color:#444;
}
#commentform a{
color:#0454A8;
}
#respond label{
display:block;
padding:5px 0;
color:#444;
}
#respond label small {
font-size:10px;
}
#respond input {
margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ddd;
color:#555;
}
#commentform input{
width:50%;
}
#respond input#commentSubmit {
width:100px;
background:#7D492B ;
border:1px solid #9F213F;
color:#fff;
text-decoration:none;
padding:3px 10px;
margin:10px 0px;
cursor:pointer;
}
textarea#comment{
border:none;
background:#fff;
border:1px solid #ddd;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#555;
}
/* The Navigation */
#navigation{
margin:0px 0px 0px 0px;
padding:5px 0px;
width:650px;
height:27px;
}
.wp-pagenavi{
font-size:12px;
text-align: center !important;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
text-decoration: none;
background:#777!important;
border: 1px solid #444 !important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.wp-pagenavi a:hover {
color: #ffffff;
}
.wp-pagenavi span.pages {
display:none;
}
.wp-pagenavi span.current {
text-decoration: none;
background:#7C492B !important;
border: 1px solid #6F0D21!important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.wp-pagenavi span.extend {
text-decoration: none;
background:#7C492B !important;
border: 1px solid #6F0D21!important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.widebanner{
text-align:center;
padding:5px 0px;
}
/* Footer widgets */
.bottomcover{
margin:0px auto;
background:#424536 ;
}
#bottom{
width:1000px;
margin:0px auto;
}
h3.bothead{
height:20px;
font-size:18px;
padding:10px 0px 10px 10px;
color:#fff;
}
.botwid{
float:left;
width:310px;
padding-bottom:10px;
font-size:12px;
font-family:Georgia,Tahoma,Century gothic,sans-serif;
margin:10px 0px 0px 15px;
color:#ddd;
}
.botwid ul {
list-style-type: none;
margin: 0px;
padding: 0px 5px 5px 5px ;
}
.botwid li{
list-style-type: none;
margin: 0 ;
padding: 0;
}
.botwid ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.botwid ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul li {
height:100%;
line-height:18px;
clear: left;
width: 300px;
list-style-type: none;
}
.botwid ul li a:link, .botwid ul li a:visited {
color: #d8cd75;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
border-bottom:1px solid #4d513f;
}
.botwid ul li a:hover{
color: #fff;
}
.botwid p{
padding: 7px 10px;
margin:0;
}
.botwid table {
width:100%;
text-align:center;
color:#787d7f;
}
.boxlast{
float:right;
margin-right:0px!important;
}
.boxlast ul li{
margin:5px 0px;
height:auto!important;
padding:10px 0px;
}top kısmı css de şu şekil veriliyor:
#top {
height:110px;
margin:0px auto;
width:1000px;
position:relative;
background:url(images/top.png) no-repeat;
}
Buda header kısmı
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="description" content="<?php bloginfo('description') ?>" />
<title><?php wp_title( '|', true, 'right' ); ?> </title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/app.css" media="screen" />
<?php
wp_enqueue_script('jquery');
wp_enqueue_script('effects', get_stylesheet_directory_uri() . '/js/effects.js');
wp_enqueue_script('jqfancy', get_stylesheet_directory_uri() . '/js/jqfancy.js');
?>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls1 = document.getElementById("catmenu").getElementsByTagName("li");
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=" sfhover1";
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");
}
}
var sfEls1 = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php
if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="head">
<div id="top">
<!-->
<!-->
<div class="blogname">
</div>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
<div id="foxmenucontainer">
<?php wp_nav_menu( array( 'container_id' => 'menu', 'theme_location' => 'primary','fallback_cb'=> '' ) ); ?>
</div>
</div>
<div id="wrapper" class="<?php if (is_front_page()){ echo "appsec";} ?>">
<div id="casing">Yardımlarınızı bekliyorum