Forumumuza Kayıtlı Kullanıcı Olmadığınız algılandı, Forumuntüm özelliklerini kullanabilmek için buraya tıklayarak ücretsiz üyeolabilirsiniz...
Hazır Css ler

Türkçe Yardım Forumu Servisi ( www.webyardim.org )

Hoşgeldiniz!, Misafir
3243 Gündür yayındayız Toplam Mesajınız: 16777215
PortalAnasayfaAramaSSSHtml Deneme AlanıTopListKayıt OlGiriş yap
logo
Kullanıcı Adı:
Duyurular!Forumunuzu SekillendirinDiger Sorunlar
Domain
Resimli Çözümler
Hitskin
Blog
Photoshop
Komedi Dükkani
OyunLar DownLoaD Sohbet CaFe A.Ö.F. Destek FlatcasT Yardım

Paylaş | 
 

 Hazır Css ler

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
Blackdream
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 55359
Yaş : 28
Nereden : Bursa
İş : Makine Teknikeri
Kayıt tarihi : 24/01/08
Rep Puanı : 28
Rep Puanı : 225365

MesajKonu: Hazır Css ler   Cuma Ekim 09, 2009 2:15 am

abartılı olabilir başlık ama gerçekten öyle...Rüzgar Forumdan izni
aldım..Sağolsunlar çok yardımcı oldular..iznimi alınca koduda
paylaşayım dedim..benim gördüğüm en güzel css lerden biri..artık dip
resmi vs.. gerek yok..siyah severler için


öncesi



sonrası



yeni mesaj yok ikonuna bakmayın o yok

NEREYE KOYARIM

yönetim paneli--afiş asmak--(solda)renkler--Css ye kodu yapıştırın

Kod:
Kod:

body {
  background-color: #262626;
  background-image: url("http://illiweb.com/fa/vide.gif");
  background-attachment: fixed;
  }
* html {
  scrollbar-face-color: #333333;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #111111;
  scrollbar-3dlight-color: #333333;
  scrollbar-arrow-color: #707070;
  scrollbar-track-color: #444444;
  scrollbar-darkshadow-color: #070707;
  }
*+ html {
  scrollbar-face-color: #333333;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #111111;
  scrollbar-3dlight-color: #333333;
  scrollbar-arrow-color: #707070;
  scrollbar-track-color: #444444;
  scrollbar-darkshadow-color: #070707;
  }
th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #ffffff;
    }
a:hover{
    text-decoration: underline !important;
    color : #bf0909;
    }
hr{
    height: 0px;
    border: solid #000000 0px;
    border-top-width: 1px;
  }
.bodyline{
    background-color: #000000;
    border: 1px #262626 solid;
  }
.bodylinewidth {
  width:100%}
.forumline{
    background-color: #262626;
    border: 2px #262626 solid;
    }
td.row1{
    background-color: #262626;
    }
td.row2{
    background-color: #000000;
    }
td.row3{
    background-color: #000000;
    }
td.rowpic {
  background-color: #262626;
  background-image: url("http://hitskin.com/themes/12/98/13/i_back_catd.png");
  }
th {
  color: #777777;
  font-size: 11px;
  font-weight : bold;
  background-color: #262626;
  height: 25px;
  background-image: url("http://hitskin.com/themes/12/98/13/i_back_title.png");
  padding: 2px 3px;
  }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
  background-image: url("http://hitskin.com/themes/12/98/13/i_back_title.png");
  background-color:#262626;
    border: #262626;
    border-style: solid;
    height: 28px;
  }
td.cat,td.catHead,td.catBottom {
  height: 29px;
  border-width: 0px 0px 0px 0px;
  }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
  font-weight: bold;
    border: #000000;
    border-style: solid;
    height: 20px;
  }
td.row3Right,td.spaceRow {
  background-color: #000000;
    border: #262626;
    border-style: solid;
  }
td.pourcentback {
    background-color : #262626;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0px 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0px 1px 0px 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0px 1px 0px 0px;
    }
th.thLeft,td.catLeft {
    border-width: 0px 0px 0px 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0px 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0px 0px 0px;
    }
th.thCornerL {
    border-width: 1px 0px 0px 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0px 0px;
    }
.maintitle, .maintitle h1{
  font-weight: bold;
    font-size: 22px;
    font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
  text-decoration: none;
    line-height : 120%;
    color : #777777;
  }
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
  padding: 2px 3px;
  }
.forumline td.pagination {
  padding:0;
    }
.maintitle h1 {
  margin: 0;
    padding: 0;
    display: inline;
    }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #777777;
    }
a.gen,a.genmed,a.gensmall {
    color: #ffffff;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #bf0909;
    text-decoration: underline;
    }
.mainmenu{
    font-size : 11px;
    color : #777777 }
a.mainmenu{
    text-decoration: none;
    color : #ffffff;
  }
a.mainmenu:hover{
    text-decoration: underline;
    color : #bf0909;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #ffffff}
h1.cattitle {
  margin:0;
    padding: 0;
    display:inline;
  }
a.cattitle{
    text-decoration: none;
    color : #ffffff;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #ffffff;
    }
a.forumlink {
    text-decoration: none;
    color : #ffffff;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #bf0909;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #777777;
    }
a.nav{
    text-decoration: none;
    color : #ffffff;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #777777;
    }
div.topictitle {
  display: inline;
  }
h2.topic-title {
  display: inline;
    margin: 0;
    padding: 0;
  }
a.topictitle:link{
    text-decoration: none;
    color : #ffffff;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #ffffff;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #bf0909;
    }
.name{
    font-size : 11px;
    color : #777777;
  }
.name a{
    text-decoration:none;
    }
.postdetails{
    font-size : 10px;
    color : #777777;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #ffffff }
a.postlink:visited{
    text-decoration: none;
    color : #ffffff;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #bf0909}
.code{
    font-family: Courier,'CourierNew',sans-serif;
    font-size: 11px;
    color: #ccccff;
  background-color: #000000;
    border: #000000;
    border-style: solid;
  border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #eeeeee;
    line-height: 125%;
  background-color: #000000;
    border: #000000;
    border-style: solid;
  border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.copyright{
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #ffffff;
    letter-spacing: -1px;
  }
a.copyright{
    color: #ffffff;
    text-decoration: none;
  }
a.copyright:hover {
    color: #bf0909;
    text-decoration: underline;
  }
.coloradmin {
    color: #bb8888}
.colormod {
    color: #ccccff}
.vote {
  float: right;
  width: 10px;
  margin-left: 4px;
  }
.vote .vote-button {
  text-align: center;
  font-weight: bold;
  margin-left: -1px;
  }
.vote .vote-button a {
  text-decoration: none !important;
  }
.vote .vote-bar {
  width: 3px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #777777;
  font-size: 0;
  }
.vote .vote-no-bar {
  letter-spacing:-2px;
  margin-left:-2px;
  white-space:nowrap;
  }
.vote .vote-bar-plus {
  background-color: #0f0;
  }
.vote .vote-bar-minus {
  background-color: #f00;
  }
h1.pagetitle {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #777777;
  }
h1.title2 {
  font-size: 11px;
  }
.secondarytitle,.secondarytitle h2 {
  margin: 0;
  padding: 0;
  color: #777777;
  }
.secondarytitle h2 {
  display:inline;
  }
.nav h1 {
  display: inline;
  }
.hierarchy {
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: none;
  border: none;
  font-size: 10px;
  }
.mod-text {
  font-weight: bold;
  }
img{
  border:0}
input,textarea, select {
  color : #777777;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
  border-color : #777777;
  }
input.post, textarea.post, select {
    background-color : #000000;
    }
td.post-options img {
  cursor: pointer;
  vertical-align: middle;
  }
input {
    text-indent : 2px;
    }
input.button {
  background-color : #262626;
  color : #777777;
  font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
  }
input.mainoption {
  background-color : #000000;
  font-weight : bold;
  }
input.liteoption {
  background-color : #000000;
  font-weight : normal;
  }
.helpline {
    background-color: #000000;
    border-style: none;
    }
input {
    background-color: #000000;
    }
button.button2, input.button2 {
  font-size: 0.7em;
  border: 1px solid #BCBCBC;
  width: auto !important;
  padding: 1px 0px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  background-repeat: repeat-x;
  background-color: #FAFAFA;
  background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
  background-position: top;
  overflow: visible;
  vertical-align:middle;
  }
button.button2:hover, input.button2:hover {
  border: 1px solid #bf0909;
  color: #bf0909;
  background-position: 0 100%;
  }
* html button.button2, * html input.button2 {
  padding-bottom: 0;
  margin-bottom: 1px;
  height: 24px;
  padding-right: 3px;
  padding-left: 3px;
  }
*+html button.button2, *+html input.button2 {
  height: 24px;
  padding-right: 3px;
  padding-left: 3px;
  }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
  border: 1px solid #e3adad;
  background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
  }
.select {
  background-color: #FFFFFF;
  border: 1px solid #BCBCBC;
  position: absolute;
  z-index:100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0px;
  }
.selectHover {
    cursor: pointer;
    background-color: #EEEEEE;
  }
.select p {
  padding: 4px 6px;
  font-size: 0.7em;
  margin: 0px;
  white-space: nowrap;
  text-align: left;
  }
.select button {
  padding: 4px;
  font-size: 0.9em;
  margin: 0px;
  background-color: #FFF;
  border: none;
  text-align:left;
  }
.select button.button2 {
  border:1px solid #BCBCBC;
  padding: 0px;
  }
* html .select button.button2 {
  padding-right: 3px;
  padding-left: 3px;
  }
.select button.button2:hover {
  border: 1px solid #bf0909;
  color: #bf0909;
  background-position: 0 100%;
  }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
  width: 100%;
  height: 200px;
  }
form#quick_reply textarea#text_editor_textarea {
  width: 100% !important;
  height: 100%;
  }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
  font-weight: normal;
  }
@import url("form_ie.css");
  @media print {
  body {
  background-image: none;
  background-color: #fff;
  color: #000;
  }
table.bodylinewidth span.maintitle {
  display: block;
  text-align: left;
  }

DEVAMI......
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.webyardim.org
Blackdream
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 55359
Yaş : 28
Nereden : Bursa
İş : Makine Teknikeri
Kayıt tarihi : 24/01/08
Rep Puanı : 28
Rep Puanı : 225365

MesajKonu: Geri: Hazır Css ler   Cuma Ekim 09, 2009 2:15 am

Kod:
table.bodylinewidth
img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth


.mainmenu,table.bodylinewidth .nav,table.bodylinewidth
.gensmall,span.postdetails img,table.bodylinewidth
.sig,table.bodylinewidth

.catbottom,#info_open {
  display:none;
  }
td.catHead, .t-title {
  text-align: left;
  }
table.bodylinewidth .cattitle {
  letter-spacing: normal;
    font-size: 1em;
  }
.thLeft,.thRight {
  color: #000;
    border: none;
    text-align:left;
  }
.hr hr {
    visibility: hidden;
    }
.hr {
  border-top: 1px dotted #ddd !important;
    }
tr.post td {
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  }
tr.post td td {
  border: none;
  }
span.gen {
  display: none;
  }
}
ul.abuse {
  list-style: none;
  line-height: 1.5em;
  font-size: 0.9em;
  }
.rtl-spacer:before {
  content: " ";
  white-space: pre;
  }
.rtl-spacer:after {
  content: " ";
  white-space: pre;
  }
.warning {
  color:#ff3333;
  }
.captcha div.captcha-img {
  float: left;
  margin: 0 1em 0 0;
  }
.captcha .inputbox {
  margin-top: 0.5em;
  }
.center {
  text-align: center;
  }
.right {
  float: right;
  }
.left {
  float: left;
  }

/* TGF Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
*+ html .clearfix {
  min-height: 1px;
  }
* html .clearfix {
  position: relative;
    height: 1%;
    clear: both;
  }
#page-footer, .clear {
  clear: both;
  }
#page-footer h3 {
    margin-top: 20px;
    }
#add-google {
    text-align: center;
    margin: 0 auto;
  }
#content-container #left {
  width: 0px;
  margin-right: px;
  }
#content-container #right {
  width: 0px;
  margin-left: px;
  }
.module-title {
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  display: block;
  }
#frame_chatbox {
  border: none !important;
  }

/* Chatbox */
body.chatbox {
  min-width: 550px !important;
  background-image: none;
  padding: 0;
  margin: 0;
  background-color: #262626;
  }
#chatbox_members {
  position: absolute;
  top: 30px;
  bottom: 30px;
  width: 180px;
  overflow: auto;
  border-right: 1px solid ;
  }
#chatbox {
  position: absolute;
  top: 30px;
  left: 181px;
  right: 0;
  bottom: 30px;
  overflow: auto;
  line-height: 10px;
  }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
  font-size: 12px;
  }
.chatbox-options {
  text-align:right;
  }
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
  float:right;
  }
#chatbox_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  }
#chatbox_footer table.text-styles {
  float: right;
  }
#chatbox_footer .text-field {
  float: left;
  }
#chatbox_footer .chatfootertable {
  margin: 5px;
  }
#chatbox_header {
  height: 30px;
  background-color: #262626;
  }
#chatbox p {
  line-height: 1.2em;
  }
.chatbox_row_1 {
  padding: 4px;
  background-color: #262626;
  }
.chatbox_row_2 {
  padding: 4px;
  background-color: #000000;
  }
.chatbox_row_3 {
  padding: 4px;
  background-color: #000000;
  }
.memberlist_row_1 {
  padding: 2px 2px 2px 10px;
  background-color: #262626;
  }
#chatbox_members .member-title {
  text-align: center;
  padding: 0.5em 0.25em;
  background-image: none;
  font-size: 12px;
  background-color: #000000;
  color : #ffffff;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  }
#chatbox_members ul {
  list-style: none;
  margin: 0 0 0 10px;
  }
#chatbox_members ul li {
  margin: 2px 2px 2px 0;
  }
#message,#submit_button{
  border-width: 1px;
  }
.fontbutton {
  padding: 1px;
  cursor: pointer;
  text-align: left;
  }
.fontbutton_normal {
  background: #E1E1E2;
  }
.fontbutton_selected {
  background: #BBC7CE;
  border: 1px solid #22229C;
  }
.fontbutton_clicked {
  background: #959595;
  border: 1px solid #22229C;
  }
.fontbutton_hover {
  background: #E1E1E2;
  border: 1px solid #22229C;
  }
#chatbox .user {
  font-weight: bold;
  }
div#chatbox {
  color: #777777;
  }
#chatbox_contextmenu {
    background-color: #000000;
    border:1px solid #aaa;
  }
#chatbox_contextmenu p {
  margin:0;
    padding: 1px 4px;
  font-family: verdana, arial, sans-serif;
  background: #;
  border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
  background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    padding-left: 20px;
  }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
  }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
  border:0;
  }
* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height:
expression(( document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight) - (


(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3)
+ (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) +

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height:
expression(( document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight) - (


(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3)
+ (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) +

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 
 width: expression(( document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth) - (

(parseInt(document.body.currentStyle.fontSize)
* 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) *
1.3333333 * 1) +

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
  }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width:
expression(( document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth) - (

(parseInt(document.body.currentStyle.fontSize)
* 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) *
1.3333333 * 0) +

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }

/* poll */
.poll-result td {
  padding: 2px 4px;
    text-align: left;
  }
.poll-result td.poll-title,.poll-result td.poll-results {
  text-align: center;
  }
.progress-bar td {
  padding: 0 !important;
  }
.poll-ballot {
  text-align: left;
  }

/* Advanced profile */
#profile-advanced-avatar
.module, #profile-advanced-points .module, #profile-advanced-reputation
.module, #profile-advanced-details {
  margin-right: 3px;
  }
#profile-advanced-avatar
.module, #profile-advanced-points .module, #profile-advanced-reputation
.module, #profile-advanced-right .module {
  margin-bottom: 3px;
  }
#profile-advanced-button {
  padding: 1px;
  }
#profile-advanced-details {
  overflow: hidden;
  }
#profile-advanced-details ol {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#profile-advanced-details ol li {
  display: block;
  margin-bottom: 4px;
  }
#profile-advanced-details .avatar {
  float: left;
  }
.avatar {
  width: 50px;
  border: 1px solid #262626;
  background-color: #fff;
  }
.avatar img {
  width: 50px;
  }
.friend-block .avatar {
  margin: 0 auto;
  cursor:pointer;
  }
.avatar.mini, .avatar.mini img {
  width: 38px;
  height: 38px;
  }
.friend-block {
  float: left;
  width: 70px;
  margin: 1px;
  text-align: center;
  overflow: hidden;
  }
#profile-advanced-details .message-block {
  margin-left: 57px;
  }
#profile-advanced-details .message-header {
  border-top: 1px solid #000000;
  background: #000000;
  padding: 4px;
  margin-bottom: 4px;
  }
#profile-advanced-details .message-date {
  float: right;
  }
#profile-advanced-details .message-body {
  margin-bottom: 4px;
  }
#profile-advanced-details .message-footer {
  text-align: right;
  }
#profile-advanced-details .message-footer li {
  display: inline;
  margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
  content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
  margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
  }
#profile-advanced-details .message-footer li.last:after {
  content: normal;
  }
#profile-advanced-add {
  margin-right: 4px;
  padding: 8px 0;
  text-align: right;
  }
#profile-advanced-details .stats-field {
  margin: 4px 0 10px 4px;
  padding: 0 10px 6px;
  }
#profile-advanced-details .stats-field legend {
  font-weight: bold;
  }
#profile-advanced-details .stats-field ul {
  list-style-type:none;
  text-indent: 10px;
  padding: 0;
  }
#profile-advanced-details .stats-field li {
  margin: 4px 0;
  }
#login_popup {
  position: absolute;
  z-index: 1500;
  display: none;
  }
#login_iframe_body {
  margin: 0;
  padding: 0;
  background: #262626;
  }
#login_popup_content {
  display: none;
  line-height: inherit;
  }
#login_popup_buttons {
  position: absolute;
  height:19px;
  bottom: 6px;
  right: 6px;
  }
#login_popup_buttons input {
  margin-left: 6px;
  }
ul.profile_field_list {
  padding:0;
  margin:0}
html ul.profile_field_list li {
  list-style-type: none;
  }
ul.profile_field_list > li {
  list-style-type: none;
  }
.inputURL {
  font-size:10px;
  font-family:"Courier New", "Times New roman";
  letter-spacing:-1px;
  }
.middleline {
  line-height:2em;
  }
.invisible{
  display:none;
  visibility:hidden;
  }
.visible{
  display:block;
  visibility:visible;
  }
.friend_list_online_status{
  line-height:11px;
  font-size:.9em}
.friend_list_online_status img{
  vertical-align:middle}

/* ajax profil */
.ajax-profil_hover{
  background:transparent}
.ajax-profil_parent{
  position:relative;
  zoom:1;
  }
.ajax-profil_edit{
  cursor:pointer;
  position:absolute;
  top:0;
  left:-18px}
.ajax-profil_edit img{
  margin-left:4px}
.ajax-profil_valid{
  cursor:pointer;
  margin-left:4px;
  vertical-align:middle}
#profile-advanced-details dl{
  padding:8px 10 8px 0;
  width:98%;
  margin:10px 0 0;
  }
#profile-advanced-details dl dt{
  float:left;
  display:block;
  width:10em;
  }
#profile-advanced-details dl dd{
  margin-left:10em;
  padding-left:12px;
  }
#profile-advanced-details div.separator{
  clear:both;
  font-size:1px;
  line-height:1px;
  border-bottom:1px solid #dcdcdc;
  padding-top:10px;
  }
#profile-advanced-details .ajax-profil_edit{
  left:-4px;
  }
/*
This is the outline round the main forum tables */ .forumline {
background-color: #262626; border: 18px solid; border-color: #262626
#000000

#262626 #000000; } /* Main table cell colours and
backgrounds */ td.row1 { background-color: #202020; font-size: 12px; }
td.row2 {

background-color: #202020; font-size: 12px; }
td.row3 { background-color: #464646; font-size: 12px; } /* pm popup */
.pm-old { display: none; }

.pm-new { margin: 30px; } .pm-new
a, .pm-new a:visited { border: solid 5px #FFFFFF; padding: 25px 45px;
color: #C49400; text-decoration:

underline; font-size: 12px;
font-weight: bold; background:
#262626url(http://www.freestylexl.com/demo/templates/cs/images/cell.gif)
top left

repeat-x; } .pm-new a:hover, .pm-new a:active {
color: #FFFFFF; } /* Main table cell colours and backgrounds */
td.row1, td.row2, td.row3,

td.row3Right, td.postbottom {
border-left: solid 2px #404040; border-right: solid 2px #121212;
border-top: solid 2px #3c3c3c; border-bottom: solid

2px
#131313; background: #262626
url(http://www.freestylexl.com/demo/templates/cs/images/cell.gif) top
left repeat-x; } - white-space: nowrap;

padding: 0 5px;
text-align: center; height: 26px; border-left: solid 5px #2A416E;
border-right: solid 5px #112346; border-top: solid 5px #2C487E;

border-bottom: solid 1px #0F2040;
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.webyardim.org
Blackdream
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 55359
Yaş : 28
Nereden : Bursa
İş : Makine Teknikeri
Kayıt tarihi : 24/01/08
Rep Puanı : 28
Rep Puanı : 225365

MesajKonu: Geri: Hazır Css ler   Cuma Ekim 09, 2009 2:16 am

öncesi



sonrası



yeni mesaj yok ikonuna bakmayın o yok

NEREYE KOYARIM

yönetim paneli--afiş asmak--(solda)renkler--Css ye kodu yapıştırın

ÖNEMLİ----------
1-bunu kullanmak için...css nin en altındaki soruyu evet yapın
yani ana css yi kaldır ı evet yapacaksınız..

2-arka plan için bunu arat

Kod:http://tbn0.google.com/images?q=tbn:s_N0Njqb81UPCM:http://www.itusozluk.com/img.php/e809b347573b1dd4c991a9c26e9c8d3a29802/siyah

silin ve elinizdeki resmin url sini yapıştırın..arkplan istediğiniz gibi olsun

gelelim koda

Kod:
Kod:
body {
  background-color: #000000;
 
background-image:
url("http://tbn0.google.com/images?q=tbn:s_N0Njqb81UPCM:http://www.itusozluk.com/img.php/e809b347573b1dd4c991a9c26e9c8d3a29802/siyah");
  background-attachment: fixed;
  }
* html {
  scrollbar-face-color: #;
  scrollbar-highlight-color: #;
  scrollbar-shadow-color: #;
  scrollbar-3dlight-color: #;
  scrollbar-arrow-color: #;
  scrollbar-track-color: #;
  scrollbar-darkshadow-color: #;
  }
*+ html {
  scrollbar-face-color: #;
  scrollbar-highlight-color: #;
  scrollbar-shadow-color: #;
  scrollbar-3dlight-color: #;
  scrollbar-arrow-color: #;
  scrollbar-track-color: #;
  scrollbar-darkshadow-color: #;
  }
th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #ffffff;
    }
a:hover{
    text-decoration: underline !important;
    color : #bf65ff;
    }
hr{
    height: 0px;
    border: solid #000000 0px;
    border-top-width: 1px;
  }
.bodyline{
    background-color: #;
    border: 1px # solid;
  }
.bodylinewidth {
  width:95%}
.forumline{
    background-color: #7600ca;
    border: 2px # solid;
    }
td.row1{
    background-color: #000000;
    }
td.row2{
    background-color: #000000;
    }
td.row3{
    background-color: #000000;
    }
td.rowpic {
  background-color: #000000;
  background-image: url("http://i84.servimg.com/u/f84/13/64/54/65/gradie10.gif");
  }
th {
  color: #ffffff;
  font-size: 11px;
  font-weight : bold;
  background-color: #000000;
  height: 25px;
  background-image: url("http://i84.servimg.com/u/f84/13/64/54/65/gradie10.gif");
  padding: 2px 3px;
  }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
  background-image: url("http://i84.servimg.com/u/f84/13/64/54/65/gradie10.gif");
  background-color:#000000;
    border: #7600ca;
    border-style: solid;
    height: 28px;
  }
td.cat,td.catHead,td.catBottom {
  height: 29px;
  border-width: 0px 0px 0px 0px;
  }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
  font-weight: bold;
    border: #000000;
    border-style: solid;
    height: 20px;
  }
td.row3Right,td.spaceRow {
  background-color: #000000;
    border: #7600ca;
    border-style: solid;
  }
td.pourcentback {
    background-color : #000000;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0px 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0px 1px 0px 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0px 1px 0px 0px;
    }
th.thLeft,td.catLeft {
    border-width: 0px 0px 0px 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0px 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0px 0px 0px;
    }
th.thCornerL {
    border-width: 1px 0px 0px 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0px 0px;
    }
.maintitle, .maintitle h1{
  font-weight: bold;
    font-size: 22px;
    font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
  text-decoration: none;
    line-height : 120%;
    color : #bababa;
  }
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
  padding: 2px 3px;
  }
.forumline td.pagination {
  padding:0;
    }
.maintitle h1 {
  margin: 0;
    padding: 0;
    display: inline;
    }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #bababa;
    }
a.gen,a.genmed,a.gensmall {
    color: #ffffff;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #bf65ff;
    text-decoration: underline;
    }
.mainmenu{
    font-size : 11px;
    color : #bababa }
a.mainmenu{
    text-decoration: none;
    color : #ffffff;
  }
a.mainmenu:hover{
    text-decoration: underline;
    color : #bf65ff;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #ffffff}
h1.cattitle {
  margin:0;
    padding: 0;
    display:inline;
  }
a.cattitle{
    text-decoration: none;
    color : #ffffff;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #ffffff;
    }
a.forumlink {
    text-decoration: none;
    color : #ffffff;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #bf65ff;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #bababa;
    }
a.nav{
    text-decoration: none;
    color : #ffffff;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #bababa;
    }
div.topictitle {
  display: inline;
  }
h2.topic-title {
  display: inline;
    margin: 0;
    padding: 0;
  }
a.topictitle:link{
    text-decoration: none;
    color : #ffffff;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #bf65ff;
    }
.name{
    font-size : 11px;
    color : #bababa;
  }
.name a{
    text-decoration:none;
    }
.postdetails{
    font-size : 10px;
    color : #bababa;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #ffffff }
a.postlink:visited{
    text-decoration: none;
    color : #;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #bf65ff}
.code{
    font-family: Courier,CourierNew,sans-serif;
    font-size: 11px;
    color: #006600;
  background-color: #6c6c6c;
    border: #000000;
    border-style: solid;
  border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #444444;
    line-height: 125%;
  background-color: #6c6c6c;
    border: #000000;
    border-style: solid;
  border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.copyright{
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #ffffff;
    letter-spacing: -1px;
  }
a.copyright{
    color: #ffffff;
    text-decoration: none;
  }
a.copyright:hover {
    color: #bf65ff;
    text-decoration: underline;
  }
.coloradmin {
    color: #ff0000}
.colormod {
    color: #006600}
.vote {
  float: right;
  width: 10px;
  margin-left: 4px;
  }
.vote .vote-button {
  text-align: center;
  font-weight: bold;
  margin-left: -1px;
  }
.vote .vote-button a {
  text-decoration: none !important;
  }
.vote .vote-bar {
  width: 3px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #bababa;
  font-size: 0;
  }
.vote .vote-no-bar {
  letter-spacing:-2px;
  margin-left:-2px;
  white-space:nowrap;
  }
.vote .vote-bar-plus {
  background-color: #0f0;
  }
.vote .vote-bar-minus {
  background-color: #f00;
  }
h1.pagetitle {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffffff;
  }
h1.title2 {
  font-size: 11px;
  }
.secondarytitle,.secondarytitle h2 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  }
.secondarytitle h2 {
  display:inline;
  }
.nav h1 {
  display: inline;
  }
.hierarchy {
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: none;
  border: none;
  font-size: 10px;
  }
.mod-text {
  font-weight: bold;
  }
img{
  border:0}
input,textarea, select {
  color : #bababa;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
  border-color : #bababa;
  }
input.post, textarea.post, select {
    background-color : #000000;
    }
td.post-options img {
  cursor: pointer;
  vertical-align: middle;
  }
input {
    text-indent : 2px;
    }
input.button {
  background-color : #000000;
  color : #bababa;
  font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
  }
input.mainoption {
  background-color : #6c6c6c;
  font-weight : bold;
  }
input.liteoption {
  background-color : #6c6c6c;
  font-weight : normal;
  }
.helpline {
    background-color: #000000;
    border-style: none;
    }
input {
    background-color: #000000;
    }
button.button2, input.button2 {
  font-size: 0.7em;
  border: 1px solid #BCBCBC;
  width: auto !important;
  padding: 1px 0px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  background-repeat: repeat-x;
  background-color: #FAFAFA;
  background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
  background-position: top;
  overflow: visible;
  vertical-align:middle;
  }
button.button2:hover, input.button2:hover {
  border: 1px solid #bf65ff;
  color: #bf65ff;
  background-position: 0 100%;
  }
* html button.button2, * html input.button2 {
  padding-bottom: 0;
  margin-bottom: 1px;
  height: 24px;
  padding-right: 3px;
  padding-left: 3px;
  }
*+html button.button2, *+html input.button2 {
  height: 24px;
  padding-right: 3px;
  padding-left: 3px;
  }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
  border: 1px solid #e3adad;
  background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
  }
.select {
  background-color: #FFFFFF;
  border: 1px solid #BCBCBC;
  position: absolute;
  z-index:100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0px;
  }
.selectHover {
    cursor: pointer;
    background-color: #EEEEEE;
  }
.select p {
  padding: 4px 6px;
  font-size: 0.7em;
  margin: 0px;
  white-space: nowrap;
  text-align: left;
  }
.select button {
  padding: 4px;
  font-size: 0.9em;
  margin: 0px;
  background-color: #FFF;
  border: none;
  text-align:left;
  }
.select button.button2 {
  border:1px solid #BCBCBC;
  padding: 0px;
  }
* html .select button.button2 {
  padding-right: 3px;
  padding-left: 3px;
  }
.select button.button2:hover {
  border: 1px solid #bf65ff;
  color: #bf65ff;
  background-position: 0 100%;
  }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
  width: 100%;
  height: 200px;
  }
form#quick_reply textarea#text_editor_textarea {
  width: 100% !important;
  height: 100%;
  }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
  font-weight: normal;
  }
@import url("form_ie.css");
  @media print {
  body {
  background-image: none;
  background-color: #fff;
  color: #000;
  }
table.bodylinewidth span.maintitle {
  display: block;
  text-align: left;
  }
table.bodylinewidth
img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth
.mainmenu,table.bodylinewidth .nav,table.bodylinewidth
.gensmall,span.postdetails img,table.bodylinewidth
.sig,table.bodylinewidth .catbottom,#info_open {
  display:none;
  }
td.catHead, .t-title {
  text-align: left;
  }
table.bodylinewidth .cattitle {
  letter-spacing: normal;
    font-size: 1em;
  }
.thLeft,.thRight {
  color: #000;
    border: none;
    text-align:left;
  }
.hr hr {
    visibility: hidden;
    }
.hr {
  border-top: 1px dotted #ddd !important;
    }
tr.post td {
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  }
tr.post td td {
  border: none;
  }
span.gen {
  display: none;
  }
}
ul.abuse {
  list-style: none;
  line-height: 1.5em;
  font-size: 0.9em;
  }
.rtl-spacer:before {
  content: " ";
  white-space: pre;
  }
.rtl-spacer:after {
  content: " ";
  white-space: pre;
  }
.warning {
  color:#ff3333;
  }
.captcha div.captcha-img {
  float: left;
  margin: 0 1em 0 0;
  }
.captcha .inputbox {
  margin-top: 0.5em;
  }
.center {
  text-align: center;
  }
.right {
  float: right;
  }
.left {
  float: left;
  }

/* TGF Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
*+ html .clearfix {
  min-height: 1px;
  }
* html .clearfix {
  position: relative;
    height: 1%;
    clear: both;
  }
#page-footer, .clear {
  clear: both;
  }
#page-footer h3 {
    margin-top: 20px;
    }
#add-google {
    text-align: center;
    margin: 0 auto;
  }
#content-container #left {
  width: 180px;
  margin-right: 3px;
  }
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.webyardim.org
Sponsored content




MesajKonu: Geri: Hazır Css ler   Bugün 3:04 am

Sayfa başına dön Aşağa gitmek
 

Hazır Css ler

Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Türkçe Yardım Forumu Servisi ( www.webyardim.org ) :: Destek Forumu :: Forumunuzu Şekillendirin-
Web Site Statistics
Sitemap | İletişim | Yukarı Git
Yetkinforum.com | © phpBB | Bedava yardımlaşma forumu | Suistimalı göstermek | Bir blog yaratın