Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj24.09.2009, 15:58 (UTC)    
Mesaj konusu: COK GÜZEL CSS TASARIM

COK GÜZEL CSS TASARIM

ÖNİZLEM : http://testrun.wptr.net/


tasarım üstü
Alıntı:
<script src="http://testrun.wptr.net/wp-content/themes/IBlues/scripts/jquery-1.2.2.pack.js" type="text/javascript"></script>
<script src="http://testrun.wptr.net/wp-content/themes/IBlues/scripts/featuredcontentglider.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://testrun.wptr.net/wp-content/themes/IBlues/featuredcontentglider.css" />
<div id="rap">
<div id="top">

</div>
<div id="header">
<div class="header-title"><a href="http://cafe-cinema.tr.gg"></a></div>
<div class="header-description"></div>
</div>

<!-- begin cat navigation -->
<div id="category">

<div id="categoryx">
<ul id="dcategory">
<li class="cat-item cat-item-1"><a href="#">Ana Sayfa</a>
</li>
<li class="cat-item cat-item-3"><a href="#">İletişim</a>
<li class="cat-item cat-item-3"><a href="#">CSS Nedir?</a>
<li class="cat-item cat-item-3"><a href="#">Photoshop Tasarım</a>
<li class="cat-item cat-item-3"><a href="#">CSS Template</a>
<li class="cat-item cat-item-3"><a href="#">CSS Dersleri</a>
<li class="cat-item cat-item-3"><a href="#">Bannerlar</a>
<li class="cat-item cat-item-3"><a href="#">EKLENECEK</a>
</li>
</ul>
</div>

<div id="categoryy"></div>

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

</div>
<!-- end -->


<!-- begin sidebar -->
<div id="menu-right">

<h2>MENÜ</h2>
<div class="box">

<div class="arrowlistmenu">

<h3 class="headerbar">GENEL BÖLÜM</h3>
<ul>
<li><a href="http://www.spacedesign.tr.gg/">Ana Sayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Bizi Destekleyin</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Banner Takas</a></li>
</ul>

</div>
</div>
</div>

<!-- end sidebar -->
<div id="pagecontent">
<!-- end header -->

<div class="post">

<div class="meta"></div>

<div class="storycontent">
<p>


TASARIM LATINA
Alıntı:
</p>
<div class="spacer"></div>
</div>

<div class="feedback"> <a href="http://cafe-cinema.tr.gg/Ziyaret%E7i-defteri.htm">Z.Defteri</a> <a href="http://cafe-cinema.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></div>
</div><br>
<!-- begin footer -->
</div>

<div id="credit">
<p>Copyright © 2009 Desing By BUROCK HACKERS</p>
</div>


CSS KODU:
Alıntı:
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: I-Blues
Theme URI: http://topwpthemes.com/i-blues/
Description: Designed by <a href=http://webtop99.com>Web Top</a> and available FREE at <a href=http://www.zinruss.com/themes/>WordPress Themes Gallery</a>
Author: Web Top
Author URI: http://webtop99.com
© 2008, Web Top. All rights reserved.
*/

/*
* Default HTML tags
*/
a {
color: #181818;
}

a:visited {
color: #181818;
text-decoration: underline;
}

a:hover {
color: #181818;
}

acronym, abbr {
cursor: help;
}

blockquote {
margin-left: 10px;
padding-left: 10px;
border-left: 5px solid #01bcf3;
}

body {
background: #02b9f1 url(http://testrun.wptr.net/wp-content/themes/IBlues/images/body-bg.jpg) repeat-x top;
color: #282828;
font-size: 60.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px auto;
padding: 0px;
text-align: center;
}

cite {
font-size: 90%;
font-style: normal;
}

h2 {
font-size: 12px;
margin: 15px 0 3px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
}

h2 a,
h2 a:visited,
h2 a:hover,
h2 a:visited:hover {
text-decoration: none;
color: #181818;
padding: 5px 13px 5px 3px;
}
h3 {
font-size: 12px;
margin: 28px 0 5px 0;
padding: 4px 0 4px 0;
font-weight: bold;
color: #181818;
background: #e8f6fd;
text-align: center;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}

h4 {
font-size: 12px;
margin: 10px 0 10px 0;
font-weight: bold;
color: #181818;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/leftmenu-top.jpg);
height: 20px;
text-align: center;
}

h4 a,
h4 a:visited,
h4 a:hover,
h4 a:visited:hover {
text-decoration: none;
color: #181818;
}

h5 {
font-size: 12px;
margin: 10px 0 10px 0;
padding: 6px 0 8px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-title-bg.png);
width: 301px;
text-align: center;
}

h5 a,
h5 a:visited,
h5 a:hover,
h5 a:visited:hover {
text-decoration: none;
color: #181818;
}

#pagecontent img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #fefefe;
margin-right: 5px;
margin-left: 3px;
}

#pagecontent img.alignleft {
float: left;
margin: 3px 3px 3px 0px;
}

#pagecontent img.alignright {
float: right;
margin: 3px 0px 3px 3px;
}

li {
margin: 0;
padding: 0;
list-style-type: none;
}


ol#comments li p {
font-size: 100%;
}

ul {
margin: 0;
padding: 0;
}


/* Link to the comments */
.feedback {
color: #181818;
font-weight: bold;
font-size: 11px;
background: #d3edfa;
text-align: right;
padding: 4px 10px 6px 0px;
clear: both;
text-transform: lowercase;
border-bottom: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}

.feedback a, .feedback a:visited { color: #008ed0;
text-decoration: none;
}
.feedback a:hover, .feedback a:visited:hover { color: #181818;
text-decoration: none;
}

/* The post informations */
.meta {
font-size: 11px;

}

.meta li,
ul.post-meta li {
display: inline;
}

.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

.meta a {
color: #181818;
text-transform: lowercase;
text-decoration: none;

}
.meta a:hover {

text-decoration: underline;
}
.meta {
color: #181818;
background: #d3edfa;
padding: 5px 5px 5px 5px;
font-weight: normal;
letter-spacing: 0;
border-top: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}


.storycontent {
font-size: 115%;
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}

/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}

#commentform textarea {
width: 95%;
}

#commentlist li ul {
border-left: 1px solid #830000;
font-size: 110%;
}

ol#commentlist li {
list-style: decimal;
}
#pagecontent {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: left;
display: inline;
}

#pagecontent ol li {
list-style: decimal;
}

#pagecontent ul {
margin-top: 10px;
margin-left: 35px;
}

#pagecontent ul li {
list-style-image: none;
}

#pagecontent-big {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: justify;
display: inline;
}

.spacer { padding: 0px;
text-align: right;
clear: both;
text-transform: lowercase;
padding-top: 5px;
}#header {
font-size: 32px;
font-weight: bold;
text-decoration:none;
font-family: Verdana;
margin: 0px auto;
height: 284px;
width: 1000px;
padding: 0;
background: url(http://img36.imageshack.us/img36/301/banner2fy.gif) no-repeat;
}

.header-title {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#ffffff;
font-size:26px;
font-weight:bold;
padding: 90px 0 0 198px;
text-align:left;
}
.header-title a{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-title a:hover{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-description {
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: normal;
color:#ffffff;
padding: 1px 0 0 199px;
text-align:left;
}

Top part CSS
*/
#top {
width: 1000px;
height: 34px;
margin: 0px auto;
}

#topleft {
float: left;
height: 34px;
padding-left: 0px;
}

#topright {
float: right;
height: 34px;
padding-right: 10px;
}

Page navigation CSS
*/
#menu {
float: left;
height: 32px;
padding-top: 1px;
padding-bottom: 1px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}

#menu li {
float: left;
display: block;
height: 32px;
border-right: 1px solid #b6e4fb;
}

#menu li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}

#menu li a {
display: block;
padding-left: 15px;
padding-right: 15px;
line-height: 32px;
font-size: 11px;
font-weight: bold;
color: #008ed0;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#menu li a:hover {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menuhover.gif) repeat-x;
color: #01bcf3;
}

#menu li.current_page_item a {
background: #FFF;
color: #01bcf3;

}

#menu li.current_page_item a:hover {
background: #FFF;
color: #01bcf3;
}

#menu ul {
display: none;
z-index: 99;
position: absolute;
}

#menu ul li a {
display: block;
background: #FFF;
}

#menu li ul a:hover {
display: block;
background: #FFF;
}

#menu ul a {
display: block;
}

#menu ul ul {
margin-top: -27px;
display: none;
margin-left: 198px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}

#menu li:hover ul ul {
display: none;
}
#menu li:hover ul {
display: block;
}
#menu ul li:hover ul {
display: block;
}
#menu li ul li {
display: block;
width: 100%;
}

#menu li.page_item ul {
border-top: 2px solid #b6e4fb;
width: 200px;
}

#menu li.page_item a {
display: block;
}

#menu li.page_item a:hover {
display: block;
}

#menu li.page_item ul li a {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background: #fff;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 0.7em;
font-weight: bold;
color: #333;
text-decoration: none;
}

#menu li.page_item ul li a:hover {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
background: #FFF;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #333;
}

/*
Search form CSS
*/
.searchform {
display: inline;
}

.searchform fieldset {
display: inline;
margin-top: 1px;
padding-top: 4px;
border: #34c3f3 0px solid;
}

.searchform label {
vertical-align: middle;
display: inline;
margin-right: 5px;
font-size: 11px;
color: #01bcf3;
font-weight: bold;
}

.searchform input {
vertical-align: middle;
display: inline;
font-size: 11px;
}

.searchinput {
background: #FFF;
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
color: #282828;
}

.searchbutton {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/searchbutton.gif) no-repeat;
width: 16px;
height: 16px;
margin-bottom: 2px;
text-transform: uppercase;
cursor: pointer;
color: #FFF;
font-weight: bold;
border: 0px solid #b6e4fb;
}

/*
Main Category Menu CSS
*/
#category {
width: 1000px;
height: 30px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}

#categoryx {
float: left;
width: 965px;
height: 30px;
padding-left: 10px;
}

#categoryy {
float: right;
width: 5px;
height: 30px;
}

#dcategory {
float: left;
height: 30px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}

#dcategory li {
float: left;
display: block;
height: 30px;
border-right: 1px solid #b6e4fb;
}

#dcategory li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}

#dcategory li a {
display: block;
line-height: 30px;
padding-left: 15px;
padding-right: 15px;
font-size: 11px;
color: #008ed0;
font-weight: bold;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#dcategory li a:hover {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x;
color: #01bcf3;
}

#dcategory ul {
display: none;
z-index: 99;
position: absolute;
}

#dcategory ul li a {
display: block;
background: #FFF;
}

#dcategory li ul a:hover {
display: block;
background: #FFF;
}

#dcategory ul a {
display: block;
}

#dcategory ul ul {
margin-top: -26px;
display: none;
margin-left: 200px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}

#dcategory li:hover ul ul {
display: none;
}

#dcategory li:hover ul {
display: block;
}

#dcategory ul li:hover ul {
display: block;
}

#dcategory li ul li {
display: block;
width:100%;
}

#dcategory li.cat-item ul {
width: 260px;
}

#dcategory li.cat-item a {
display: block;
}

#dcategory li.cat-item a:hover {
display: block;
}

#dcategory li.cat-item ul li a {
display: block;
margin-left: -1px;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #008ed0;
font-weight: bold;
border: 1px solid #b6e4fb;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x;
}

#dcategory li.cat-item ul li a:hover {
display: block;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #282828;
font-weight: bold;
background: #b6e4fb;
border: 1px solid #b6e4fb;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x;
}
/*



/* The credits at the bottom of the site */
#credit {

width: 1000px;
height: 32px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/credit.jpg);
text-align: center;
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-left: auto;
margin-right: auto;
padding: 0;
clear: both;
}

#credit a, #credit a:visited {
color: #282828;
text-decoration: none;
}
#credit a:hover, #credit a:visited:hover {
color: #282828;
text-decoration: none;
}

#credit p {
color: #282828;
text-align: center;
padding-top: 10px;
font-weight: bold;
}
/*
Subscribe RSS Form
*/
.subscribe {
width: 294px;
}

.subscribe fieldset {
display: inline;
margin-bottom: 10px;
border: 1px dotted #f4fbfe;
width: 270px;
}

.subscribe input {
display: inline;
vertical-align: middle;
}

.feedinput {
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
color: #282828;
font-size: 11px;
}

.feedinput:focus {
background: #ffffff;
border: 1px dotted #b6e4fb;
}

.feedsubmit {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/feedsubmit.gif) no-repeat;
font-size: 11px;
font-weight: bold;
width: 44px;
height: 21px;
color: #fff;
cursor: pointer;
border: 0px dotted #b6e4fb;
}

.feedlink {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rss.gif) no-repeat left;
padding-bottom: 2px;
padding-left: 20px;
font-weight: bold;
font-size: 11px;
margin-right: 10px;
}


/*
* right sidebar
*/
#menu-right {
float: right;
display: inline;
width: 301px;
margin: 10px 10px 10px 0px;
font-size: 11px;
padding: 0px 8px 18px 8px;
border: 1px solid #b6e4fb;
background: #fefefe;
}

#menu-right h2 {
font-size: 18px;
margin: 8px 0 2px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #01bcf3;
}

#menu-right a,
#menu-right a:visited {
text-transform: lowercase;
text-decoration: none;
color: #181818;
}

#menu-right a:hover,
#menu-right a:visited:hover {
text-transform: lowercase;
text-decoration: underline;
color: #181818;
}

#menu-right ul ul {
margin-left: 12px;
}

#menu-right ul ul li {
list-style-image: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-icon.png);
margin-left: 8px;
}


.box {
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}

.box p {
font-size: 1.0em;
line-height: 1.3em;
color: #282828;
margin: 0px 0px 7px 0px;
}

.postbox {
margin-bottom: 10px;
background: #FFF;
padding: 10px;
border: 1px solid #b6e4fb;
}

.postbox p {
font-size: 1.0em;
line-height: 1.3em;
text-align: justify;
margin: 0;
color: #666;
}

#adcontainer {
padding: 0px 0 0 0;
margin:0;
width: 300px;
}

#adboxes{
padding: 13px 0 14px 0px;
width:300px;
background: #1b8adc url(http://testrun.wptr.net/wp-content/themes/IBlues/images/adcontainer_bg.jpg) top repeat-x;
float:left;
position: relative;
}
#adboxes ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 15px;
}
#adboxes ul li {
display:block;
margin: 2px 4px 0px 0px !important;
padding: 0px !important;
float:left;
list-style: none;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

#menu-right img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #ffffff;
}

#menu-right img.alignleft {
float: left;
margin: 3px 3px 3px 0;
}

#menu-right img.alignright {
float: right;
margin: 0 3px 3px 3px;
}
/* End of right sidebar */

#rap {
width: 1000px;
margin: 0px auto;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rap-bg.jpg) repeat-y;
text-align: left;
padding: 0px;
border-left: 1px solid #02b9f1;
border-right: 1px solid #02b9f1;
}



.submit_button {
float: left;
padding:0; margin:0;
border:0;
height:23px;
width:130px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/submit-button.jpg) no-repeat;
}

input#s {
width: 200px;
border: 1px solid #830000;
color: #282828;
margin-top: 5px;

}
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: black;
background: black url(http://img179.imageshack.us/img179/5121/29030792.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(http://img267.imageshack.us/img267/541/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

</style>


YORUMLARINIZI BEKLİYORUM SAYGILAR
Mesaj24.09.2009, 16:06 (UTC)    
Mesaj konusu:

Mesaj24.09.2009, 17:04 (UTC)    
Mesaj konusu: önizleme

önizlemebu http://testrun.wptr.net/ demo
Mesaj24.09.2009, 17:23 (UTC)    
Mesaj konusu:

Emeğe Saygı Güzel Bir Paylaşım ... Paylaşım İçin tHanK yoU Smile
______________
Mesaj25.09.2009, 08:00 (UTC)    
Mesaj konusu: ri

rica ederim
Mesaj25.09.2009, 08:02 (UTC)    
Mesaj konusu: d

Blog temaları
Önceki mesajları göster:   


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