mavi tasarim
TASARIM ÜZERİNDEKİ YAZI KODU:
<div id="ja-wrapper"><a name="Top" id="Top"></a>
<div id="ja-header" class="clearfix"><a name="Top" id="Top"> </a>
<h1 class="logo"><a name="Top" id="Top"></a><a href="index.php" title="Yeni Makale, Makale Yaz, Makale Gönder"><span>Yeni Makale, Makale Yaz, Makale Gönder</span></a></h1>
</div>
<div id="ja-mainnavwrap">
<div id="ja-mainnav">
<ul id="ja-cssmenu" class="clearfix">
<li><a href="#" class="menu-item0 first-item" id="menu82" title="acıklama"><span class="menu-title">link</span></a></li>
<li><a href="#" class="menu-item0 first-item" id="menu82" title="acıklama"><span class="menu-title">link</span></a></li>
<li><a href="#" class="menu-item0 first-item" id="menu82" title="acıklama"><span class="menu-title">link</span></a></li>
<li><a href="#" class="menu-item0 first-item" id="menu82" title="acıklama"><span class="menu-title">link</span></a></li>
<li><a href="#" class="menu-item0 first-item" id="menu82" title="acıklama"><span class="menu-title">link</span></a></li>
</ul>
</div>
<div id="ja-containerwrap">
<div id="ja-container">
<div id="ja-container2" class="clearfix">
<div id="ja-mainbody" class="clearfix">
<div id="ja-content" class="clearfix">
<div id="ja-current-content" class="clearfix">
TASARIM ALTINDAKİ YAZI KODU:
</div>
</div>
<div id="ja-col2">
<div class="moduletable">
<h3>Yaza</h3>
</div>
<div class="moduletable_menu">
<div class="mod_dwhosonline-summary">
<ul class="mod_dwhosonline-summary"> reklam </ul>
</div>
</div>
</div>
</div>
<div id="ja-col1">
<div class="moduletable_menu">
<h3>Kategoriler</h3>
<ul class="menu">
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
<li class="item91"><a href="#"><span>link</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
CSS KODU:
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;}
#ja-cssmenu {
margin : 0;
padding : 0;
float : left;
}
#ja-cssmenu ul {
margin : 0;
padding : 0;
}
#ja-cssmenu li {
margin : 0;
padding : 0;
float : left;
display : block;
background : none;
border-right : 1px solid #75AAD2;
cursor : pointer;
}
#ja-cssmenu li ul {
width : 16.4em;
position : absolute;
z-index : 99;
left : -999em;
height : auto;
width : 15.9em;
}
#ja-cssmenu li ul ul {
margin : -2em 0 0 15em;
}
#ja-cssmenu li li {
padding : 0 1em 0 0;
margin : 0;
width : 14.9em;
}
#ja-cssmenu ul a {
width : 14.8em;
width : 10.8em;
}
#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul, #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul, #ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
left : -999em;
}
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul, #ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul, #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul, #ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
left : auto;
}
#ja-cssmenu li a {
display : block;
text-decoration : none;
line-height : 32px;
padding : 0 20px;
color : #C3DBED;
font-size : 100%;
font-weight : bold;
border-right : 1px solid #2B6484;
}
#ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus {
color : #FFFFFF;
}
#ja-cssmenu li:hover, #ja-cssmenu li.sfhover, #ja-cssmenu li.havechildsfhover, #ja-cssmenu li.havechild-activesfhover {
color : #FFFFFF;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad2-1.gif) top repeat-x #2B6484;
}
#ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus {
color : #FFFFFF;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad2-2.gif) top repeat-x #91AE4E;
}
#ja-cssmenu li ul {
border : #2B6484 solid 1px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad2.gif) bottom repeat-x #5192C3;
}
#ja-cssmenu li ul li {
border-bottom : 1px solid #2972A8;
border-right : none;
background : none;
}
#ja-cssmenu li ul a {
border-right : none;
margin : 0;
padding : 7px 10px;
line-height : normal;
background : none;
color : #FFFFFF;
font-weight : normal;
font-size : 92%;
}
#ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/arrow3.png) 94% 50% no-repeat;
}
#ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul li.havesubchildsfhover, #ja-cssmenu ul li.havesubchild-activesfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad2-1.gif) top repeat-x #2B6484;
color : #FFFFFF;
}
#ja-cssmenu ul li a.active, #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus {
background : none !important ;
color : #FFFFFF;
font-weight : bold;
}
<!-- üst menü -->
html, body, form, fieldset {
margin : 0;
padding : 0;
}
body {
background : #FFFFFF;
color : #000000;
font-family : "Lucida Grande", Arial, sans-serif;
line-height : 1.6;
}
body#bd {
color : #000000;
background : #FFFFFF;
}
body.contentpane {
color : #000000;
font-size : 12px;
line-height : 1.3em;
margin : 0;
margin : 1em 2em;
width : auto;
}
body.fs1 {
font-size : 10px;
}
body.fs2 {
font-size : 11px;
}
body.fs3 {
font-size : 12px;
}
body.fs4 {
font-size : 13px;
}
body.fs5 {
font-size : 14px;
}
body.fs6 {
font-size : 15px;
}
a {
color : #2C79B3;
text-decoration : none;
}
a:hover, a:active, a:focus {
color : #2C79B3;
text-decoration : underline;
}
a img {
border : none;
}
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, p.site-slogan, a.readon, #ja-pathway, #ja-headlinewrap, #ja-col1, #ja-col2, #ja-botsl, #ja-footer {
font-size : 92%;
}
small, .small {
color : #FF0000;
}
img {
margin : 0;
padding : 0;
}
img.caption {
margin-top : 15px;
}
h1 {
font-size : 180%;
}
h2 {
font-size : 150%;
}
h3 {
font-size : 125%;
}
h4 {
font-size : 100%;
text-transform : uppercase;
}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin : 10px 0;
padding : 0;
}
ul {
list-style : none;
}
ul li {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/bullet.gif) 18px 7px no-repeat;
line-height : 160%;
padding-left : 30px;
}
ol li {
line-height : 180%;
margin-left : 35px;
}
th {
font-weight : bold;
padding : 5px;
text-align : left;
}
fieldset {
border : none;
padding : 10px 5px;
}
fieldset a {
font-weight : bold;
}
fieldset.input {
padding : 0;
}
hr {
border-bottom : 0;
border-left : 0;
border-right : 0;
border-top : 1px solid #cccccc;
height : 1px;
}
td, div {
font-size : 100%;
}
form {
margin : 0;
padding : 0;
}
form label {
cursor : pointer;
}
input, select, textarea, .inputbox {
font-family : Tahoma, Arial, sans-serif;
font-size : 100%;
}
.inputbox {
border : #CCCCCC solid 1px;
padding : 3px;
color : #515756;
background : #FFFFFF;
}
.button {
padding : 2px 8px;
border : #A8A8A8 outset 1px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad4.gif) repeat-x;
font-size : 92%;
color : #FF0000;
font-weight : bold;
}
* html .button {
padding : 1px 5px !important ;
}
* + html .button {
padding : 1px 5px !important ;
}
.article_separator {
clear : both;
display : block;
height : 30px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/dot.gif) center repeat-x;
}
.column_separator {
padding : 0 25px;
}
td.sectiontableheader {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad3.gif) bottom repeat-x #A8A8A8;
border : #E7E8E6 solid 1px;
padding : 4px;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td {
padding : 4px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/dot.gif) bottom repeat-x;
}
table.contentpane {
border : none;
width : 100%;
}
table.contentpaneopen {
border : none;
border-collapse : collapse;
border-spacing : 0;
}
table.contenttoc {
margin : 0 0 10px 10px;
padding : 0;
width : 35%;
font-size : 92%;
}
table.contenttoc a {
text-decoration : none;
}
table.contenttoc td {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/bullet.gif) 5% 50% no-repeat;
padding : 1px 5px 1px 25px;
}
table.contenttoc th {
border-bottom : 1px solid #E7E8E6;
padding : 0 0 3px;
text-indent : 5px;
}
table.poll {
border-collapse : collapse;
padding : 0;
width : 100%;
}
table.pollstableborder {
border : none;
padding : 0;
text-align : left;
width : 100%;
}
table.pollstableborder img {
vertical-align : baseline;
}
table.pollstableborder td {
border-collapse : collapse;
border-spacing : 0;
padding : 4px !important ;
background : none;
}
table.pollstableborder tr.sectiontableentry1 td {
background : #F8F8F7;
}
table.searchintro {
padding : 10px 0;
width : 100%;
}
table.searchintro td {
padding : 5px !important ;
}
.blog_more {
padding : 10px;
}
.blog_more strong {
display : block;
font-size : 125%;
margin : 0 0 5px;
}
.blog_more ul {
margin : 0;
padding : 0;
}
.blog_more ul li {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/bullet.gif) 6px 10px no-repeat;
margin : 0;
padding : 0 0 0 17px;
}
.category {
font-size : 125%;
font-weight : bold;
}
h1.componentheading, .componentheading {
margin : 0 0 10px;
padding : 0 0 5px;
}
.componentheading {
font-size : 200%;
font-weight : normal;
border-bottom : 1px solid #E7E8E6;
}
.contentdescription {
padding-bottom : 30px;
}
h2.contentheading, .contentheading {
font-weight : normal;
margin : 0;
padding : 0;
line-height : normal;
}
.contentheading {
font-size : 200%;
line-height : normal;
color : #2C79B3;
}
table.blog .contentheading {
font-size : 150%;
line-height : normal;
}
a.readon {
display : block;
float : left;
text-align : center;
clear : both;
padding : 0 5px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad2-2.gif) center repeat-x #8BAB32;
color : #FFFFFF;
margin-top : 5px;
text-transform : lowercase;
}
a.readon:hover, a.readon:active, a.readon:focus {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad2-1.gif) center repeat-x #2C79B3;
color : #FFFFFF;
text-decoration : none;
}
table.contentpaneopen, table.contentpane, table.blog {
width : 100%;
}
.moduletable {
padding : 0;
}
ul.pagination {
margin : 15px auto;
padding : 10px 0;
}
ul.pagination li {
background : none;
display : inline;
margin : 0;
padding : 0;
}
ul.pagination li span {
padding : 2px 5px;
}
ul.pagination a {
padding : 2px 3px;
text-decoration : none;
}
.pagenavbar {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/icon-pages.gif) center left no-repeat;
font-weight : bold;
padding-left : 14px;
}
.pagenavcounter {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/icon-pages.gif) 0 11px no-repeat;
font-weight : bold;
padding : 8px 14px 0 14px;
}
.sectiontableheader {
color : #000000;
font-weight : bold;
padding : 8px 5px;
}
.sectiontableheader a {
color : #FFFFFF;
}
tr.sectiontableentry1 td {
padding : 8px 5px;
}
tr.sectiontableentry2 td {
padding : 8px 5px;
}
.smalldark {
text-align : left;
}
div.syndicate div {
text-align : center;
}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td {
background : none;
}
.createdate {
color : #858783;
}
.modifydate {
float : left;
width : 100%;
color : #858783;
margin-bottom : 10px;
display : block;
}
div.buttonheading {
float : right;
width : 20%;
}
.buttonheading img {
border : 0;
float : right;
margin : 7px 5px 0 0;
}
#ja-wrapper {
padding : 0 0 40px;
width : 950px;
margin : 0 auto;
}
.narrow #ja-wrapper {
width : 750px;
}
#ja-header, #ja-mainnav, #ja-subnav, #ja-pathway, #ja-container, #ja-topsl, #ja-botsl, #ja-footer {
clear : both;
}
#ja-container {
border-top : 1px solid #E7E8E6;
border-bottom : 1px solid #E7E8E6;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/main-bg1.gif) left repeat-y;
}
.narrow #ja-container {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/main-bg1-n.gif) left repeat-y;
}
#ja-container2 {
border-bottom : 1px solid #E7E8E6;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/main-bg2.gif) right repeat-y;
}
.narrow #ja-container2 {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/main-bg2-n.gif) right repeat-y;
}
#ja-mainbody {
width : 80%;
float : right;
}
#ja-content {
clear : both;
display : block;
float : left;
width : 75%;
}
#ja-current-content {
padding : 10px 15px;
}
#ja-col1 {
float : left;
overflow : hidden;
width : 20%;
color : #626A69;
}
#ja-col2 {
float : right;
overflow : hidden;
width : 25%;
color : #626A69;
}
#ja-colwrap table {
border-collapse : collapse;
border-spacing : 0;
}
#ja-colwrap .article_separator {
display : none;
}
#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-fr, #ja-containerwrap-fl {
padding : 0;
margin : 25px 0;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad1.gif) bottom repeat-x #FFFFFF;
}
#ja-containerwrap-f #ja-mainbody {
width : 100%;
}
#ja-containerwrap-f #ja-content {
width : 100%;
}
#ja-containerwrap-f #ja-container, #ja-containerwrap-f #ja-container2 {
background : none;
}
#ja-containerwrap-f #ja-container {
border : #E7E8E6 solid 1px;
}
#ja-containerwrap-fr #ja-content {
width : 100%;
}
#ja-containerwrap-fr #ja-container2 {
background : none;
}
#ja-containerwrap-fr #ja-container2 {
border-right : 1px solid #E7E8E6;
}
#ja-containerwrap-fl #ja-mainbody {
width : 100%;
}
#ja-containerwrap-fl #ja-content {
width : 79.9%;
}
#ja-containerwrap-fl #ja-col2 {
width : 20%;
}
#ja-containerwrap-fl #ja-container {
background : none;
border-left : 1px solid #E7E8E6;
}
#ja-col2 div.moduletable-renk {
background-color : #E7EEF5;
padding : 0 0 10px;
}
#ja-col2 div.moduletable-renk h3 {
font-size : 100%;
margin : 0 -10px 5px;
padding : 5px 10px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad3.gif) bottom repeat-x #A8A8A8;
border-bottom : 1px solid #E7E8E6;
color : #FFFFFF;
margin : 0;
padding : 0 10px 10px;
}
#ja-col1 div.moduletable-renk {
background-color : #E7EEF5;
padding : 0 0 10px;
}
#ja-col1 div.moduletable-renk h3 {
font-size : 100%;
margin : 0 -10px 5px;
padding : 5px 10px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad3.gif) bottom repeat-x #A8A8A8;
border-bottom : 1px solid #E7E8E6;
color : #FFFFFF;
margin : 0;
padding : 0 10px 10px;
}
#ja-col1 div.moduletable-renk ul {
margin : 0;
padding : 0;
}
#ja-col1 div.moduletable-renk li {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/bullet.gif) 5px 8px no-repeat;
margin : 0;
padding-left : 16px;
}
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_hilite h3 {
font-size : 100%;
margin : 0 -10px 5px;
padding : 5px 10px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad3.gif) bottom repeat-x #A8A8A8;
border-bottom : 1px solid #E7E8E6;
color : #FFFFFF;
}
div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_hilite {
margin : 0;
padding : 0 10px 10px;
}
#ja-botsl div.moduletable, #ja-botsl div.moduletable_menu, #ja-botsl div.moduletable_text {
border-bottom : none;
}
div.banneritem_text {
padding : 5px 0 !important ;
}
div.advs {
clear : both;
display : block;
float : left;
width : 100%;
}
div.moduletable ul, div.moduletable_text ul, div.moduletable_menu ul, div.moduletable_hilte ul {
margin : 0;
padding : 0;
}
div.moduletable li, div.moduletable_text li, div.moduletable_menu li, div.moduletable_hilite li {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/bullet.gif) 5px 8px no-repeat;
margin : 0;
padding-left : 16px;
}
div.moduletable_hilite h3 {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad2.gif) bottom repeat-x #2C79B3;
}
#ja-header {
height : 80px;
line-height : normal;
position : relative;
}
h1.logo, h1.logo-text {
margin : 0;
padding : 0;
font-size : 200%;
}
h1.logo a {
width : 461px;
display : block;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/logooo.png) no-repeat;
position : absolute;
height : 75px;
bottom : -2px;
left : 0;
}
h1.logo a span {
position : absolute;
top : -1000px;
}
h1.logo-text a {
text-decoration : none;
outline : none;
position : absolute;
bottom : 35px;
left : 15px;
}
p.site-slogan {
margin : 0;
padding : 0;
color : #858783;
position : absolute;
bottom : 20px;
left : 15px;
}
#ja-mainnavwrap {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/shadow.gif) bottom repeat-x;
height : 37px;
position : relative;
z-index : 999;
}
#ja-mainnav {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad2.gif) top repeat-x #2C79B3;
height : 32px;
}
#ja-mainnav a, #ja-subnav a {
outline : none;
}
#ja-subnav {
display : block;
font-size : 92%;
border-bottom : 1px solid #E7E8E6;
height : 28px;
}
#ja-subnav ul {
margin : 0;
padding : 0;
}
#ja-subnav li {
background : none;
display : inline;
margin : 0;
padding : 0;
}
#ja-subnav li a {
display : block;
float : left;
padding : 0 15px;
line-height : 28px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/vline.gif) center left no-repeat;
}
#ja-subnav li.active a, #ja-subnav li.active a:hover, #ja-subnav li.active a:active, #ja-subnav li.active a:focus {
font-weight : bold;
color : #8BAB32;
}
#ja-subnav li a.first-item {
background : none;
}
#ja-pathway {
border : #E7E8E6 solid 1px;
padding : 5px 15px;
color : #626A69;
font-weight : bold;
background : #F8F8F7;
}
#ja-pathway strong {
margin-right : 5px;
}
#ja-pathway a {
color : #626A69;
font-weight : normal;
}
#ja-pathway img {
margin : 1px 5px;
}
ul.menu {
list-style : none;
margin : 0;
padding : 0;
}
ul.menu li {
background : none;
margin : 0;
padding : 0;
}
ul.menu li a {
display : block;
outline : none;
padding : 6px 4px;
color : #626A69;
font-weight : bold;
border-bottom : 1px solid #E7E8E6;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/arrow.png) 97% center no-repeat;
}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {
color : #2C79B3;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/arrow2.png) 97% center no-repeat;
}
ul.menu li.active a {
color : #2C79B3;
font-weight : bold;
}
ul.menu li ul {
list-style : none;
margin : 0;
padding : 0;
}
ul.menu li li a {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/bullet.gif) 10px 11px no-repeat !important ;
border : none;
font-weight : normal !important ;
padding-left : 20px !important ;
width : 75%;
}
ul.menu li li a:hover, ul.menu li li a:active, ul.menu li li a:focus {
background : none;
}
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float : left;
overflow : hidden;
}
.ja-box-left, .ja-box-center {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/vline2.gif) top right repeat-y;
}
#ja-topsl {
border : red dotted 0;
height : 25px;
margin : 5px;
text-align : center;
}
* html #ja-topsl {
margin : 0 1px 10px !important ;
}
* + html #ja-topsl {
margin : 0 1px 10px !important ;
}
#ja-botsl {
border-left : 1px solid #E7E8E6;
border-right : 1px solid #E7E8E6;
border-bottom : 1px solid #FF3300;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad1.gif) top repeat-x #F8F8F7;
color : #626A69;
padding : 10px 0;
}
#ja-botsl h3 {
color : #FF0000;
font-size : 100%;
background : none;
border : none;
margin-bottom : 0;
}
#ja-botsl div.moduletable {
padding : 0 15px;
}
#ja-botsl ul, #ja-botsl ol {
margin : 0;
padding : 0;
}
#ja-botsl ol li {
margin : 0 0 0 20px;
padding : 0;
}
#ja-botsl ul li {
margin : 0;
padding : 0 0 0 15px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/bullet.gif) 5px 7px no-repeat;
}
#ja-botsl a {
color : #3333CC;
}
#ja-footer {
color : #626A69;
padding : 20px 0 0;
position : relative;
text-align : center;
border-top : 1px solid #E7E8E6;
}
#ja-footer small {
color : #858783;
font-size : 100%;
}
#ja-footer ul {
margin : 0 0 8px;
padding : 0;
line-height : normal;
}
#ja-footer li {
display : inline;
margin : 0;
padding : 0;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/vline.gif) center left no-repeat;
}
#ja-footer li a {
display : inline;
line-height : normal;
padding : 0 15px;
}
li.ja-firstitem {
background : none !important ;
}
.ja-footurl {
float : none;
clear : both;
}
ul.accessibility {
position : absolute;
top : -100%;
}
#ja-search {
bottom : 12px;
top : 10px;
position : absolute;
font-size : 11px;
}
#ja-search .inputbox {
padding : 2px 0 2px 22px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/icon-search.gif) 5px center no-repeat #FFFFFF;
border : #E7E8E6 solid 1px;
}
#ja-login {
position : absolute;
top : 25px;
top : 0;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/grad4.gif) bottom repeat-x #F8F8F7;
padding : 5px 8px;
border : #E7E8E6 solid 1px;
border-bottom : 1px solid #CCCCCC;
}
#ja-login form {
float : left;
}
#ja-login form label {
float : left;
}
label.ja-login-user span {
display : block;
float : left;
text-indent : -5000px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/icon-user.gif) center left no-repeat;
width : 20px;
height : 20px;
}
label.ja-login-password span {
display : block;
float : left;
text-indent : -5000px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/icon-key.gif) center left no-repeat;
width : 20px;
height : 20px;
}
#ja-login form input.button {
font-size : 11px !important ;
float : left;
}
#ja-login form #mod_login_username, #ja-login form #mod_login_password {
width : 110px;
margin : 1px 8px 0 0;
font-size : 11px !important ;
padding : 2px;
}
#ja-login form a {
color : #858783;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/vline.gif) 4px 1px no-repeat;
padding-left : 13px;
text-decoration : none;
font-size : 92%;
}
#ja-login form a:hover, #ja-login form a:active, #ja-login form a:focus {
color : #858783;
text-decoration : underline;
}
.ja-login-links {
padding-top : 5px;
clear : both;
display : none;
}
.mostread, .latestnews {
text-decoration : none;
}
#ja-banner {
margin : 0 0 15px;
text-align : center;
overflow : hidden;
width : 100%;
}
div.back_button a, div.back_button a:hover, div.back_button a:active {
background : none !important ;
display : block;
margin : 10px 0;
text-decoration : none !important ;
}
.clr {
clear : both;
}
.hasTip img {
border : none;
margin : 10px 5px 0 0;
}
div.ja-innerdiv {
clear : both;
margin-bottom : 10px;
padding-bottom : 10px;
border-bottom : 1px solid #E7E8E6;
}
div.ja-innerdiv img {
padding : 2px;
border : #E7E8E6 solid 1px;
margin : 2px 8px 0 0;
}
.tool-tip {
background : #FFFFFF;
border : #cccccc solid 1px;
float : left;
max-width : 200px;
padding : 5px;
}
.tool-title {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/selector-arrow.png) no-repeat;
font-size : 100%;
font-weight : bold;
margin : 0;
margin-top : -15px;
padding : 0;
padding-bottom : 5px;
padding-top : 15px;
}
.tool-text {
font-size : 100%;
margin : 0;
}
#system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul {
margin : 0;
padding : 0;
}
#system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li {
background : none;
color : #FFFFFF;
margin : 0;
padding : 5px;
}
#system-message dd.message ul {
background : #626A69;
border : none;
}
#system-message dd.error ul {
background : #626A69;
border : none;
}
#system-message dd.notice ul {
background : #626A69;
border : none;
}
.clearfix:after {
clear : both;
content : ".";
display : block;
height : 0;
visibility : hidden;
}
* html > body .clearfix {
display : block;
width : 100%;
}
* html .clearfix {
height : 1%;
}
BLOG KODU:
<a href="#" class="contentpagetitle">baslık</a>
<table class="contentpaneopen">
<tbody>
<tr>
<td valign="top" colspan="2"><b style="color: rgb(128, 128, 0); text-align: justify;"><img style="float: left;" mce_style="float: left;" src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" alt="" /></b>
<div style="text-align: justify;"><span mce_style="color: #808000;" style="color: rgb(128, 128, 0);"><b>acıklama<br />
</b></span>
<div class="write_comment"><a href="#">Devamı..</a></div>
</div>
</td>
</tr>
</tbody>
</table>
Bugün 88 ziyaretçi (100 klik) kişi burdaydı!