Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj27.05.2011, 20:41 (UTC)    
Mesaj konusu: Kodları Ayırabilirmisiniz?-1

/*

CSS Credit: http://www.templatemo.com/

*/

html {

background: #333333;

}

body {

margin: 0;

padding:0;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 1.5em;

color: #333333;

width: 100%;

display: table;

}

a { color: #CCFF00; }
a:hover { color: #FFFFFF; }

#templatemo_background_section_top {

width: 100%;

height:217px;

background: url(images/templatemo_background_section_top_bg.jpg) repeat-x;

}

#templatemo_background_section_middle {

width: 100%;

background: #333333;

clear: both;

overflow:hidden;

}

#templatemo_background_section_bottom {

width: 100%;

height: 327px;

background: url(images/templatemo_background_section_bottom_bg2.jpg) repeat;

float: left;

}

.templatemo_container {

width: 960px;

margin: auto;

}

#templatemo_header {

width: 100%;
height:168px;
background:url(images/templatemo_header_bg.jpg) repeat-x;

}

/* Logo Area */
#templatemo_logo_section {

width:auto;
height:auto;
margin-top:60px;
margin-left: 60px;
float:left;
display: inline;
}


#templatemo_logo_section h1 {

padding-top: 10px;
font-size: 42px;
color:#999999;
margin:0px;
font-weight: normal;

}

#templatemo_logo_section h2{

font-size:18px;
color:#999999;
padding-top:5px;
font-weight: normal;

}
/* End Of Logo Area*/
/* Search Box*/

#templatemo_search_box{
width: 338px;
height: 52px;
float: right;
margin-top: 90px;
margin-right: 20px;
background:url(images/templatemo_search_box_bg.jpg) no-repeat;
}

#textfield{
width: 200px;
height: 18px;
margin-top: 15px;
margin-left: 15px;
background: #000;
color: #FFF;
border: solid 1px #3b3b3b;
padding-top: 5px;
padding-left: 5px;
}

#button{
background: url(images/templatemo_button.jpg);
border: none;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 25px;
margin-left: 10px;
padding: 0 5px;
text-align: center;
vertical-align: bottom;
white-space: pre;
width: 80px;
color: #fff;
}

/* End Of Search Box*/
/* Menu Section */

#templatemo_menu_panel{
width:100%;
height: 49px;
margin: 0 auto;
background: url(images/templatemo_menu_bg.jpg) repeat-x;
float:left;
}

#templatemo_menu_panel #templatemo_menu_section{
width: 930px;
height: 49px;
margin:0 auto;
padding: 0 0 0 30px;
color: #03a0a6;
}

#templatemo_menu_section ul {
float: left;
width: 930px;
margin: 0;
padding-top: 4px;
list-style: none;
}

#templatemo_menu_section ul li{
display: inline;
}

#templatemo_menu_section ul li a{
float: left;
width: 110px;
padding-top: 8px;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #ffffff;
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
color: #ccff00;
height:36px;
background:url(images/templatemo_menu_current.jpg) repeat-x;
}

/* End Of Menu */

/* Left Section */

#templatemo_left_section {

width: 560px;
float: left;
margin: 10px 0px 10px 35px;

}

* html #templatemo_left_section {

margin-left: 15px;
}

.templatemo_post {

width: 552px;
margin-top: 5px;
margin-bottom: 15px;

}

.templatemo_post_top {

width: 551px;
height: 47px;
background: url(images/templatemo_post_top.jpg) no-repeat;

}

* html .templatemo_post_top h1{
margin-bottom: -11px;
}

.templatemo_post_top h1{
font-size: 18px;
color:#ccff00;
font-weight:bold;
padding-top: 15px;
padding-left: 25px;
}

.templatemo_post_mid {

width: 551px;
background: url(images/templatemo_post_middle.jpg) repeat-y;

}

.templatemo_post_bottom {

width: 551px;
height: 39px;
background: url(images/templatemo_post_bottom.jpg) no-repeat;

}

.templatemo_post_mid img{

border: #ccc solid 1px;
float: left;
margin: 3px 15px 0 0;

}

.templatemo_post_mid p{

font-size: 12px;
color:#fff;
margin : 0px 25px 25px 25px;
text-align: justify;

}

span.post{
margin: 25px;
color: #999999;
font-size: 11px;

}



/* End Of Left Section */
/* Right Section */
#templatemo_right_section {

width: 310px;
float: right;
margin: 10px 30px 10px 0px;

}

* html #templatemo_right_section {

margin-right: 15px;
}

.templatemo_section_box {

width: 292px;
margin-top: 5px;
margin-bottom: 15px;


}



.templatemo_section_box_top {

width: 292px;
height: 41px;
background: url(images/templatemo_section_box_top.jpg) no-repeat;

}

* html .templatemo_section_box_top {
margin-bottom: -11px;
}

.templatemo_section_box_top h1{
font-size: 18px;
color:#999999;
font-weight:bold;
padding-top: 15px;
padding-left: 15px;

}

.templatemo_section_box_mid {

width: 292px;
background: url(images/templatemo_section_box_middle.jpg) repeat-y;
}


.templatemo_section_box_mid p{

font-size: 12px;
color:#fff;
margin : 0px 15px 15px 15px;
text-align: justify;

}

.templatemo_section_box_mid p a{

font-size: 12px;
color:#ccff00;

}

.templatemo_section_box_mid img{
float: left;
display:inline;
margin-bottom: 10px;
margin-left: 13px;
border:none;

}

.templatemo_section_box_mid ul{

margin-bottom:15px;
margin-top:0px;
padding-right:15px;
color: #fff;
}

.templatemo_section_box_bottom {

width: 292px;
height: 28px;
background: url(images/templatemo_section_box_bottom.jpg) no-repeat;
margin-top: -15px;


}


/* End Of Right Section*/

.clear{
clear:both;
height:1px;
}

#templatemo_bottom_panel {
clear: both;
width: 100%;
height: 322px;
margin: 0 auto;
background: url(images/templatemo_background_section_bottom_bg.jpg) repeat-x;
}

#templatemo_bottom_panel #templatemo_bottom_section{
width: 960px;
margin: 0 auto;
height: 322px;

}

#templatemo_bottom_section .templatemo_bottom_section_box {
float: left;
display:inline;
margin-top: 30px;
margin-left: 30px;
width: 278px;
border: 1px solid #333333;
background-color: #191919;
}

.templatemo_bottom_section_box .top{

width: 263px; /* +15 for padding left and + 2 for border */
height: 25px;
margin-top: 5px;
color: #999999;
font-size: 16px;
font-weight: bold;
padding: 10px 0 0 15px;
background: url(images/templatemo_buttom_section_box_top.jpg) no-repeat;

}

.templatemo_bottom_section_box .body{
width: 248px;
padding: 15px;
}

.templatemo_bottom_section_box .body ul{
margin-left: 20px;
padding: 0px;
color: #fff;
}

.templatemo_bottom_section_box .body li{
margin: 0px;
padding: 0px;
}

.body p{

text-align: justify;
margin: 10px;
padding: 0px;
color: #fff;
}

#templatemo_bottom_section #templatemo_footer_section{
clear: both;
text-align: center;
width: 960px;
margin-top: 30px;
padding: 10px 0;
color: #fff;

}







,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- Designed by w w w . t e m p l a t e m o . c o m -->

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Black Media, free CSS template</title>

<meta name="keywords" content="free website template, blog template, blog layout, Black Media Website, XHTML" />

<meta name="description" content="Black Media Website - free CSS template, Free HTML CSS Layout" />

<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="templatemo_background_section_top">

<div class="templatemo_container">

<div id="templatemo_header">
<div id="templatemo_logo_section">
<h1>Black Media</h1>
<h2>Bringing you to the future web design</h2>
</div>
<div id="templatemo_search_box">
<form action="#" method="post">
<input name="search" type="text" id="textfield" value=""/>
<input type="submit" name="Search" value="" alt="Search" id="button" title="Search" />
</form>
</div>
</div><!-- end of headder -->

<div id="templatemo_menu_panel">

<div id="templatemo_menu_section">

<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

</div>

</div> <!-- end of menu -->

</div><!-- end of container-->

</div><!-- end of templatemo_background_section_top-->

<div id="templatemo_background_section_middle">

<div class="templatemo_container">

<div id="templatemo_left_section">

<div class="templatemo_post">

<div class="templatemo_post_top">
<h1>Blog Post Title 1 goes here</h1>
</div>
<div class="templatemo_post_mid">

<p><img alt="Blog" src="images/templatemo_055_blog.jpg" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec dui. Donec nec neque ut quam sodales feugiat. Nam vehicula dapibus lectus. Integer imperdiet pretium dolor. Vivamus felis. Vivamus vulputate vehicula mi. Maecenas consectetur purus. </p>

<p>Vestibulum id mi vitae nunc vulputate ullamcorper. Donec feugiat orci sed sapien. Fusce risus sem, egestas quis, imperdiet id, pellentesque vel, tortor. Fusce ante. Nunc at mi nec urna mollis ullamcorper. Nam aliquet, ligula in aliquet molestie, nunc arcu tristique nibh. </p>

<div class="clear"></div>

</div>
<div class="templatemo_post_bottom">

<span class="post">Posted By: Admin</span>
<span class="post">Category: <a href="#">Web Design</a></span>
<span class="post">Date: 16:20, 19 October 2048</span>
</div>

</div><!-- end of templatemo_post-->

<div class="templatemo_post">

<div class="templatemo_post_top">
<h1>Blog Post Title 2 goes here</h1>
</div>
<div class="templatemo_post_mid">

<p><img alt="Blog" src="images/templatemo_062_white.jpg" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec dui. Donec nec neque ut quam sodales feugiat. Nam vehicula dapibus lectus. Integer imperdiet pretium dolor. Vivamus felis. Vivamus vulputate vehicula mi. Maecenas consectetur purus. </p>

<p>Vestibulum id mi vitae nunc vulputate ullamcorper. Donec feugiat orci sed sapien. Fusce risus sem, egestas quis, imperdiet id, pellentesque vel, tortor. Fusce ante. Nunc at mi nec urna mollis ullamcorper. Nam aliquet, ligula in aliquet molestie, nunc arcu tristique nibh. </p>


<div class="clear">
</div>

</div>
<div class="templatemo_post_bottom">
<span class="post">Posted By: Admin</span>
<span class="post">Category: <a href="#">Script</a></span>
<span class="post">Date: 19:24, 14 October 2048</span>
</div>

</div><!-- end of templatemo_post-->

</div><!-- end of left section-->

<div id="templatemo_right_section">

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>Advertisements</h1>
</div>
<div class="templatemo_section_box_mid">

<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>

<div class="clear">&nbsp;</div>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>About This Blog</h1>
</div>
<div class="templatemo_section_box_mid">

<p>This free website blog layout is provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com</a>. You may download, modify and apply this layout for any blog CMS websites.</p>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">

<h1>Categories</h1>

</div>
<div class="templatemo_section_box_mid">

<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">JavaScripts</a></li>
<li><a href="#">CSS Templates</a></li>
<li><a href="#">Flash Templates</a></li>
</ul>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->


</div><!-- end of right Section -->

</div><!-- end of container-->
</div><!-- end of background middle-->

<div id="templatemo_bottom_panel">
<div id="templatemo_bottom_section">
<div class="templatemo_bottom_section_box">
<div class="top">
Partner Links</div>
<div class="body">
<ul>

<li><a href="http://www.flashmo.com/page/1" target="_parent">Flash Templates</a></li>
<li><a href="http://www.templatemo.com/page/1" target="_parent">CSS Templates</a></li>
<li><a href="http://www.webdesignmo.com/blog" target="_parent">Web Design</a></li>

<li><a href="http://www.flashmo.com" target="_parent">Free Flash Template</a></li>
<li><a href="http://www.templatemo.com" target="_parent">Free CSS Template</a></li>
<li><a href="http://www.webdesignmo.com" target="_parent">Web Design Blog</a></li>

</ul>
</div>
</div>
<div class="templatemo_bottom_section_box">
<div class="top">
Recent Posts</div>
<div class="body">
<p><a href="#">Lorem ipsum dolor sit amet</a><br />
<a href="#">Vestibulum id mi vitae nunc vulputate</a><br />
<a href="#">Praesent sollicitudin mollis leo</a><br />
<a href="#">Vivamus tincidunt vehicula est</a><br />
<a href="#">Mauris vestibulum felis eget torto</a></p>
</div>
</div>
<div class="templatemo_bottom_section_box">
<div class="top">Site Usage Policies</div>
<div class="body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec dui. Donec nec neque ut quam sodales feugiat. Nam vehicula dapibus lectus.</p>
<p><a href="http://validator.w3.org/check?uri=referer"><img height="31" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" width="88" vspace="8" border="0" /></a><a href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" vspace="8" border="0" /></a></p>
</div>
</div>
<div id="templatemo_footer_section">
Copyright © 2048 Your Company Name | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
</div>
</div>

</div>

</body>
<!-- Designed by w w w . t e m p l a t e m o . c o m -->
</html>
Mesaj29.05.2011, 23:02 (UTC)    
Mesaj konusu:

bunları yapmakta ne var
Mesaj29.05.2011, 23:39 (UTC)    
Mesaj konusu:

paylasim53 yazmış:
bunları yapmakta ne var


madem kolay niye yardımcı olmuyorsun ?

neyse konuya dönelim indirdiğin dosyada resimler varsa onları upload et sitene ve assadakı koddakı yerlerıne yapıştır.

buyur bu css kısmına ekleyeceğin kod Arrow

Kod:

/*

CSS Credit: http://www.templatemo.com/

*/

html {

background: #333333;

}

body {

margin: 0;

padding:0;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 1.5em;

color: #333333;

width: 100%;

display: table;

}

a { color: #CCFF00; }
a:hover { color: #FFFFFF; }

#templatemo_background_section_top {

width: 100%;

height:217px;

background: url(images/templatemo_background_section_top_bg.jpg) repeat-x;

}

#templatemo_background_section_middle {

width: 100%;

background: #333333;

clear: both;

overflow:hidden;

}

#templatemo_background_section_bottom {

width: 100%;

height: 327px;

background: url(images/templatemo_background_section_bottom_bg2.jpg) repeat;

float: left;

}

.templatemo_container {

width: 960px;

margin: auto;

}

#templatemo_header {

width: 100%;
height:168px;
background:url(images/templatemo_header_bg.jpg) repeat-x;

}

/* Logo Area */
#templatemo_logo_section {

width:auto;
height:auto;
margin-top:60px;
margin-left: 60px;
float:left;
display: inline;
}


#templatemo_logo_section h1 {

padding-top: 10px;
font-size: 42px;
color:#999999;
margin:0px;
font-weight: normal;

}

#templatemo_logo_section h2{

font-size:18px;
color:#999999;
padding-top:5px;
font-weight: normal;

}
/* End Of Logo Area*/
/* Search Box*/

#templatemo_search_box{
width: 338px;
height: 52px;
float: right;
margin-top: 90px;
margin-right: 20px;
background:url(images/templatemo_search_box_bg.jpg) no-repeat;
}

#textfield{
width: 200px;
height: 18px;
margin-top: 15px;
margin-left: 15px;
background: #000;
color: #FFF;
border: solid 1px #3b3b3b;
padding-top: 5px;
padding-left: 5px;
}

#button{
background: url(images/templatemo_button.jpg);
border: none;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 25px;
margin-left: 10px;
padding: 0 5px;
text-align: center;
vertical-align: bottom;
white-space: pre;
width: 80px;
color: #fff;
}

/* End Of Search Box*/
/* Menu Section */

#templatemo_menu_panel{
width:100%;
height: 49px;
margin: 0 auto;
background: url(images/templatemo_menu_bg.jpg) repeat-x;
float:left;
}

#templatemo_menu_panel #templatemo_menu_section{
width: 930px;
height: 49px;
margin:0 auto;
padding: 0 0 0 30px;
color: #03a0a6;
}

#templatemo_menu_section ul {
float: left;
width: 930px;
margin: 0;
padding-top: 4px;
list-style: none;
}

#templatemo_menu_section ul li{
display: inline;
}

#templatemo_menu_section ul li a{
float: left;
width: 110px;
padding-top: 8px;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #ffffff;
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
color: #ccff00;
height:36px;
background:url(images/templatemo_menu_current.jpg) repeat-x;
}

/* End Of Menu */

/* Left Section */

#templatemo_left_section {

width: 560px;
float: left;
margin: 10px 0px 10px 35px;

}

* html #templatemo_left_section {

margin-left: 15px;
}

.templatemo_post {

width: 552px;
margin-top: 5px;
margin-bottom: 15px;

}

.templatemo_post_top {

width: 551px;
height: 47px;
background: url(images/templatemo_post_top.jpg) no-repeat;

}

* html .templatemo_post_top h1{
margin-bottom: -11px;
}

.templatemo_post_top h1{
font-size: 18px;
color:#ccff00;
font-weight:bold;
padding-top: 15px;
padding-left: 25px;
}

.templatemo_post_mid {

width: 551px;
background: url(images/templatemo_post_middle.jpg) repeat-y;

}

.templatemo_post_bottom {

width: 551px;
height: 39px;
background: url(images/templatemo_post_bottom.jpg) no-repeat;

}

.templatemo_post_mid img{

border: #ccc solid 1px;
float: left;
margin: 3px 15px 0 0;

}

.templatemo_post_mid p{

font-size: 12px;
color:#fff;
margin : 0px 25px 25px 25px;
text-align: justify;

}

span.post{
margin: 25px;
color: #999999;
font-size: 11px;

}



/* End Of Left Section */
/* Right Section */
#templatemo_right_section {

width: 310px;
float: right;
margin: 10px 30px 10px 0px;

}

* html #templatemo_right_section {

margin-right: 15px;
}

.templatemo_section_box {

width: 292px;
margin-top: 5px;
margin-bottom: 15px;


}



.templatemo_section_box_top {

width: 292px;
height: 41px;
background: url(images/templatemo_section_box_top.jpg) no-repeat;

}

* html .templatemo_section_box_top {
margin-bottom: -11px;
}

.templatemo_section_box_top h1{
font-size: 18px;
color:#999999;
font-weight:bold;
padding-top: 15px;
padding-left: 15px;

}

.templatemo_section_box_mid {

width: 292px;
background: url(images/templatemo_section_box_middle.jpg) repeat-y;
}


.templatemo_section_box_mid p{

font-size: 12px;
color:#fff;
margin : 0px 15px 15px 15px;
text-align: justify;

}

.templatemo_section_box_mid p a{

font-size: 12px;
color:#ccff00;

}

.templatemo_section_box_mid img{
float: left;
display:inline;
margin-bottom: 10px;
margin-left: 13px;
border:none;

}

.templatemo_section_box_mid ul{

margin-bottom:15px;
margin-top:0px;
padding-right:15px;
color: #fff;
}

.templatemo_section_box_bottom {

width: 292px;
height: 28px;
background: url(images/templatemo_section_box_bottom.jpg) no-repeat;
margin-top: -15px;


}


/* End Of Right Section*/

.clear{
clear:both;
height:1px;
}

#templatemo_bottom_panel {
clear: both;
width: 100%;
height: 322px;
margin: 0 auto;
background: url(images/templatemo_background_section_bottom_bg.jpg) repeat-x;
}

#templatemo_bottom_panel #templatemo_bottom_section{
width: 960px;
margin: 0 auto;
height: 322px;

}

#templatemo_bottom_section .templatemo_bottom_section_box {
float: left;
display:inline;
margin-top: 30px;
margin-left: 30px;
width: 278px;
border: 1px solid #333333;
background-color: #191919;
}

.templatemo_bottom_section_box .top{

width: 263px; /* +15 for padding left and + 2 for border */
height: 25px;
margin-top: 5px;
color: #999999;
font-size: 16px;
font-weight: bold;
padding: 10px 0 0 15px;
background: url(images/templatemo_buttom_section_box_top.jpg) no-repeat;

}

.templatemo_bottom_section_box .body{
width: 248px;
padding: 15px;
}

.templatemo_bottom_section_box .body ul{
margin-left: 20px;
padding: 0px;
color: #fff;
}

.templatemo_bottom_section_box .body li{
margin: 0px;
padding: 0px;
}

.body p{

text-align: justify;
margin: 10px;
padding: 0px;
color: #fff;
}

#templatemo_bottom_section #templatemo_footer_section{
clear: both;
text-align: center;
width: 960px;
margin-top: 30px;
padding: 10px 0;
color: #fff;

}


tasarım üzerine
Arrow

Kod:
<div id="templatemo_background_section_top">

<div class="templatemo_container">

<div id="templatemo_header">
<div id="templatemo_logo_section">
<h1>Black Media</h1>
<h2>Bringing you to the future web design</h2>
</div>
<div id="templatemo_search_box">
<form action="#" method="post">
<input name="search" type="text" id="textfield" value=""/>
<input type="submit" name="Search" value="" alt="Search" id="button" title="Search" />
</form>
</div>
</div><!-- end of headder -->

<div id="templatemo_menu_panel">

<div id="templatemo_menu_section">

<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

</div>

</div> <!-- end of menu -->

</div><!-- end of container-->

</div><!-- end of templatemo_background_section_top-->

<div id="templatemo_background_section_middle">

<div class="templatemo_container">

<div id="templatemo_left_section">

<div class="templatemo_post">

<div class="templatemo_post_top"> <h1>


tasarım altına Arrow

Kod:
</h1><div class="clear">
</div>

</div>
<div class="templatemo_post_bottom">
<span class="post">Posted By: Admin</span>
<span class="post">Category: <a href="#">Script</a></span>
<span class="post">Date: 19:24, 14 October 2048</span>
</div>

</div><!-- end of templatemo_post-->

</div><!-- end of left section-->

<div id="templatemo_right_section">

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>Advertisements</h1>
</div>
<div class="templatemo_section_box_mid">

<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>

<div class="clear">&nbsp;</div>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>About This Blog</h1>
</div>
<div class="templatemo_section_box_mid">

<p>This free website blog layout is provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com</a>. You may download, modify and apply this layout for any blog CMS websites.</p>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">

<h1>Categories</h1>

</div>
<div class="templatemo_section_box_mid">

<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">JavaScripts</a></li>
<li><a href="#">CSS Templates</a></li>
<li><a href="#">Flash Templates</a></li>
</ul>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->


</div><!-- end of right Section -->

</div><!-- end of container-->
</div><!-- end of background middle-->

<div id="templatemo_bottom_panel">
<div id="templatemo_bottom_section">
<div class="templatemo_bottom_section_box">
<div class="top">
Partner Links</div>
<div class="body">
<ul>

<li><a href="http://www.flashmo.com/page/1" target="_parent">Flash Templates</a></li>
<li><a href="http://www.templatemo.com/page/1" target="_parent">CSS Templates</a></li>
<li><a href="http://www.webdesignmo.com/blog" target="_parent">Web Design</a></li>

<li><a href="http://www.flashmo.com" target="_parent">Free Flash Template</a></li>
<li><a href="http://www.templatemo.com" target="_parent">Free CSS Template</a></li>
<li><a href="http://www.webdesignmo.com" target="_parent">Web Design Blog</a></li>

</ul>
</div>
</div>
<div class="templatemo_bottom_section_box">
<div class="top">
Recent Posts</div>
<div class="body">
<p><a href="#">Lorem ipsum dolor sit amet</a><br />
<a href="#">Vestibulum id mi vitae nunc vulputate</a><br />
<a href="#">Praesent sollicitudin mollis leo</a><br />
<a href="#">Vivamus tincidunt vehicula est</a><br />
<a href="#">Mauris vestibulum felis eget torto</a></p>
</div>
</div>
<div class="templatemo_bottom_section_box">
<div class="top">Site Usage Policies</div>
<div class="body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec dui. Donec nec neque ut quam sodales feugiat. Nam vehicula dapibus lectus.</p>
<p><a href="http://validator.w3.org/check?uri=referer"><img height="31" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" width="88" vspace="8" border="0" /></a><a href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" vspace="8" border="0" /></a></p>
</div>
</div>
<div id="templatemo_footer_section">
Copyright © 2048 Your Company Name | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
</div>
</div>

</div>


güle güle kullan Smile
______________
Mesaj29.05.2011, 23:54 (UTC)    
Mesaj konusu:

estemplate yazmış:
paylasim53 yazmış:
bunları yapmakta ne var


madem kolay niye yardımcı olmuyorsun ?

neyse konuya dönelim indirdiğin dosyada resimler varsa onları upload et sitene ve assadakı koddakı yerlerıne yapıştır.

buyur bu css kısmına ekleyeceğin kod Arrow

Kod:

/*

CSS Credit: http://www.templatemo.com/

*/

html {

background: #333333;

}

body {

margin: 0;

padding:0;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 1.5em;

color: #333333;

width: 100%;

display: table;

}

a { color: #CCFF00; }
a:hover { color: #FFFFFF; }

#templatemo_background_section_top {

width: 100%;

height:217px;

background: url(images/templatemo_background_section_top_bg.jpg) repeat-x;

}

#templatemo_background_section_middle {

width: 100%;

background: #333333;

clear: both;

overflow:hidden;

}

#templatemo_background_section_bottom {

width: 100%;

height: 327px;

background: url(images/templatemo_background_section_bottom_bg2.jpg) repeat;

float: left;

}

.templatemo_container {

width: 960px;

margin: auto;

}

#templatemo_header {

width: 100%;
height:168px;
background:url(images/templatemo_header_bg.jpg) repeat-x;

}

/* Logo Area */
#templatemo_logo_section {

width:auto;
height:auto;
margin-top:60px;
margin-left: 60px;
float:left;
display: inline;
}


#templatemo_logo_section h1 {

padding-top: 10px;
font-size: 42px;
color:#999999;
margin:0px;
font-weight: normal;

}

#templatemo_logo_section h2{

font-size:18px;
color:#999999;
padding-top:5px;
font-weight: normal;

}
/* End Of Logo Area*/
/* Search Box*/

#templatemo_search_box{
width: 338px;
height: 52px;
float: right;
margin-top: 90px;
margin-right: 20px;
background:url(images/templatemo_search_box_bg.jpg) no-repeat;
}

#textfield{
width: 200px;
height: 18px;
margin-top: 15px;
margin-left: 15px;
background: #000;
color: #FFF;
border: solid 1px #3b3b3b;
padding-top: 5px;
padding-left: 5px;
}

#button{
background: url(images/templatemo_button.jpg);
border: none;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 25px;
margin-left: 10px;
padding: 0 5px;
text-align: center;
vertical-align: bottom;
white-space: pre;
width: 80px;
color: #fff;
}

/* End Of Search Box*/
/* Menu Section */

#templatemo_menu_panel{
width:100%;
height: 49px;
margin: 0 auto;
background: url(images/templatemo_menu_bg.jpg) repeat-x;
float:left;
}

#templatemo_menu_panel #templatemo_menu_section{
width: 930px;
height: 49px;
margin:0 auto;
padding: 0 0 0 30px;
color: #03a0a6;
}

#templatemo_menu_section ul {
float: left;
width: 930px;
margin: 0;
padding-top: 4px;
list-style: none;
}

#templatemo_menu_section ul li{
display: inline;
}

#templatemo_menu_section ul li a{
float: left;
width: 110px;
padding-top: 8px;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #ffffff;
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
color: #ccff00;
height:36px;
background:url(images/templatemo_menu_current.jpg) repeat-x;
}

/* End Of Menu */

/* Left Section */

#templatemo_left_section {

width: 560px;
float: left;
margin: 10px 0px 10px 35px;

}

* html #templatemo_left_section {

margin-left: 15px;
}

.templatemo_post {

width: 552px;
margin-top: 5px;
margin-bottom: 15px;

}

.templatemo_post_top {

width: 551px;
height: 47px;
background: url(images/templatemo_post_top.jpg) no-repeat;

}

* html .templatemo_post_top h1{
margin-bottom: -11px;
}

.templatemo_post_top h1{
font-size: 18px;
color:#ccff00;
font-weight:bold;
padding-top: 15px;
padding-left: 25px;
}

.templatemo_post_mid {

width: 551px;
background: url(images/templatemo_post_middle.jpg) repeat-y;

}

.templatemo_post_bottom {

width: 551px;
height: 39px;
background: url(images/templatemo_post_bottom.jpg) no-repeat;

}

.templatemo_post_mid img{

border: #ccc solid 1px;
float: left;
margin: 3px 15px 0 0;

}

.templatemo_post_mid p{

font-size: 12px;
color:#fff;
margin : 0px 25px 25px 25px;
text-align: justify;

}

span.post{
margin: 25px;
color: #999999;
font-size: 11px;

}



/* End Of Left Section */
/* Right Section */
#templatemo_right_section {

width: 310px;
float: right;
margin: 10px 30px 10px 0px;

}

* html #templatemo_right_section {

margin-right: 15px;
}

.templatemo_section_box {

width: 292px;
margin-top: 5px;
margin-bottom: 15px;


}



.templatemo_section_box_top {

width: 292px;
height: 41px;
background: url(images/templatemo_section_box_top.jpg) no-repeat;

}

* html .templatemo_section_box_top {
margin-bottom: -11px;
}

.templatemo_section_box_top h1{
font-size: 18px;
color:#999999;
font-weight:bold;
padding-top: 15px;
padding-left: 15px;

}

.templatemo_section_box_mid {

width: 292px;
background: url(images/templatemo_section_box_middle.jpg) repeat-y;
}


.templatemo_section_box_mid p{

font-size: 12px;
color:#fff;
margin : 0px 15px 15px 15px;
text-align: justify;

}

.templatemo_section_box_mid p a{

font-size: 12px;
color:#ccff00;

}

.templatemo_section_box_mid img{
float: left;
display:inline;
margin-bottom: 10px;
margin-left: 13px;
border:none;

}

.templatemo_section_box_mid ul{

margin-bottom:15px;
margin-top:0px;
padding-right:15px;
color: #fff;
}

.templatemo_section_box_bottom {

width: 292px;
height: 28px;
background: url(images/templatemo_section_box_bottom.jpg) no-repeat;
margin-top: -15px;


}


/* End Of Right Section*/

.clear{
clear:both;
height:1px;
}

#templatemo_bottom_panel {
clear: both;
width: 100%;
height: 322px;
margin: 0 auto;
background: url(images/templatemo_background_section_bottom_bg.jpg) repeat-x;
}

#templatemo_bottom_panel #templatemo_bottom_section{
width: 960px;
margin: 0 auto;
height: 322px;

}

#templatemo_bottom_section .templatemo_bottom_section_box {
float: left;
display:inline;
margin-top: 30px;
margin-left: 30px;
width: 278px;
border: 1px solid #333333;
background-color: #191919;
}

.templatemo_bottom_section_box .top{

width: 263px; /* +15 for padding left and + 2 for border */
height: 25px;
margin-top: 5px;
color: #999999;
font-size: 16px;
font-weight: bold;
padding: 10px 0 0 15px;
background: url(images/templatemo_buttom_section_box_top.jpg) no-repeat;

}

.templatemo_bottom_section_box .body{
width: 248px;
padding: 15px;
}

.templatemo_bottom_section_box .body ul{
margin-left: 20px;
padding: 0px;
color: #fff;
}

.templatemo_bottom_section_box .body li{
margin: 0px;
padding: 0px;
}

.body p{

text-align: justify;
margin: 10px;
padding: 0px;
color: #fff;
}

#templatemo_bottom_section #templatemo_footer_section{
clear: both;
text-align: center;
width: 960px;
margin-top: 30px;
padding: 10px 0;
color: #fff;

}


tasarım üzerine
Arrow

Kod:
<div id="templatemo_background_section_top">

<div class="templatemo_container">

<div id="templatemo_header">
<div id="templatemo_logo_section">
<h1>Black Media</h1>
<h2>Bringing you to the future web design</h2>
</div>
<div id="templatemo_search_box">
<form action="#" method="post">
<input name="search" type="text" id="textfield" value=""/>
<input type="submit" name="Search" value="" alt="Search" id="button" title="Search" />
</form>
</div>
</div><!-- end of headder -->

<div id="templatemo_menu_panel">

<div id="templatemo_menu_section">

<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

</div>

</div> <!-- end of menu -->

</div><!-- end of container-->

</div><!-- end of templatemo_background_section_top-->

<div id="templatemo_background_section_middle">

<div class="templatemo_container">

<div id="templatemo_left_section">

<div class="templatemo_post">

<div class="templatemo_post_top"> <h1>


tasarım altına Arrow

Kod:
</h1><div class="clear">
</div>

</div>
<div class="templatemo_post_bottom">
<span class="post">Posted By: Admin</span>
<span class="post">Category: <a href="#">Script</a></span>
<span class="post">Date: 19:24, 14 October 2048</span>
</div>

</div><!-- end of templatemo_post-->

</div><!-- end of left section-->

<div id="templatemo_right_section">

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>Advertisements</h1>
</div>
<div class="templatemo_section_box_mid">

<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>

<div class="clear">&nbsp;</div>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>About This Blog</h1>
</div>
<div class="templatemo_section_box_mid">

<p>This free website blog layout is provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com</a>. You may download, modify and apply this layout for any blog CMS websites.</p>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->

<div class="templatemo_section_box">
<div class="templatemo_section_box_top">

<h1>Categories</h1>

</div>
<div class="templatemo_section_box_mid">

<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">JavaScripts</a></li>
<li><a href="#">CSS Templates</a></li>
<li><a href="#">Flash Templates</a></li>
</ul>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->


</div><!-- end of right Section -->

</div><!-- end of container-->
</div><!-- end of background middle-->

<div id="templatemo_bottom_panel">
<div id="templatemo_bottom_section">
<div class="templatemo_bottom_section_box">
<div class="top">
Partner Links</div>
<div class="body">
<ul>

<li><a href="http://www.flashmo.com/page/1" target="_parent">Flash Templates</a></li>
<li><a href="http://www.templatemo.com/page/1" target="_parent">CSS Templates</a></li>
<li><a href="http://www.webdesignmo.com/blog" target="_parent">Web Design</a></li>

<li><a href="http://www.flashmo.com" target="_parent">Free Flash Template</a></li>
<li><a href="http://www.templatemo.com" target="_parent">Free CSS Template</a></li>
<li><a href="http://www.webdesignmo.com" target="_parent">Web Design Blog</a></li>

</ul>
</div>
</div>
<div class="templatemo_bottom_section_box">
<div class="top">
Recent Posts</div>
<div class="body">
<p><a href="#">Lorem ipsum dolor sit amet</a><br />
<a href="#">Vestibulum id mi vitae nunc vulputate</a><br />
<a href="#">Praesent sollicitudin mollis leo</a><br />
<a href="#">Vivamus tincidunt vehicula est</a><br />
<a href="#">Mauris vestibulum felis eget torto</a></p>
</div>
</div>
<div class="templatemo_bottom_section_box">
<div class="top">Site Usage Policies</div>
<div class="body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec dui. Donec nec neque ut quam sodales feugiat. Nam vehicula dapibus lectus.</p>
<p><a href="http://validator.w3.org/check?uri=referer"><img height="31" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" width="88" vspace="8" border="0" /></a><a href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" vspace="8" border="0" /></a></p>
</div>
</div>
<div id="templatemo_footer_section">
Copyright © 2048 Your Company Name | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
</div>
</div>

</div>


güle güle kullan Smile


forumda arama matorundan tasarım nasıl ayırılır yazın ögretici bilgiler var ben onadan öyle dedim
Mesaj29.05.2011, 23:54 (UTC)    
Mesaj konusu:

yanlış anlamayın yani
Mesaj29.05.2011, 23:54 (UTC)    
Mesaj konusu:

iyi forumlar
Mesaj30.05.2011, 00:00 (UTC)    
Mesaj konusu:

paylasim53 yazmış:
yanlış anlamayın yani


yanlış anlayacak bi durum ortada yok ta arkadaşın açtıgı konulara baktım hep demişsinki ''bunu yapmakta ne var'' bende diyorum ki madem kolay yardımcı ol ''bunu yapmakta ne var'' deyip kestirip atma tamam forumda olabilir aratıp yapabilirdi sende haklısın fakat ''bunu yapmakta ne var'' demek olmaz Wink
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu