MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
fatihcray09 avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

css ve logo kodları


Sponsor Reklam
media venus

Çevrimdışı fatihcray09
 Tarih: 14-08-2014, Saat:06:14
#1
css kodu

Kod:
/* -----------------------------------------
Theme Name: BlueGame - MyBB
Author: orizon
Description: BlueGame - MyBB.
Version: 1.0
----------------------------------------- */

body {
    background: #ccc url(images/orizon/arkaplan.jpg) no-repeat center center fixed;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
a:link {
    color: #fff;
    text-decoration: none;
}

a:visited {
    color: #fff;
    text-decoration: none;
}

a:hover, a:active {
    color: #9c9c9c;
    text-decoration: none;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
    background:url(images/orizon/wrapper_loop.jpg) repeat top left;
}


.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #000000;
    text-decoration: none;
}

.menu ul a:visited {
    color: #000000;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #4874a3;
    text-decoration: none;
}

#panel {
    background: #181818 url(images/orizon/hot_news_bg.jpg) top left repeat-x;
        color: #fff;
    font-size: 11px;
    border: 1px solid #461C0E;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #f0f0f0;
    text-shadow: 0 -1px 0 #000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.welcome{
background: #869BBF url(images/orizon/box-bg.jpg);    color: #ffffff;
        font-size:11px;
        font-weight:bold;
        font-family:tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        padding: 3px 6px 3px 6px;
        white-space: nowrap;
}

.welcome a{

        color:#fff;
}

.welcome a:hover{

        color:#fff;
        text-decoration:none;
}

.welcome a:visited{
        color:#fff;
}

.welcome_bottom{
        font-size: 11px;
        font-weight: bold;
        padding: 3px 6px 3px 6px;
        white-space: nowrap;
}

.tborder {
    background: #0C140B;
    width: 100%;
    margin: auto auto;
    border: 1px solid #000;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -border-radius: 4px 4px 0 0;
}

.thead {
    background: #181818 url(images/orizon/thead.png) top left repeat-x;
    color: #ffffff;
    padding: 0px 10px;  
    border-radius: 5px 5px 0 0;
    height: 37px;
    line-height: 37px;
    border: 1px solid #461C0E !important;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ff2a2a;
    text-decoration: none;
}

.tcat {
    background: #1b1b1b;
color: #686868;
    padding: 8px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #000;
    padding-top: -3px;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    font-size: 12px;
}

.tcat a:link {
    color: #b4b4b4;
}

.tcat a:visited {
    color: #b4b4b4;
}

.tcat a:hover, .tcat a:active {
    color: #fff;
}


.trow1 {
    background:  url(images/orizon/cbg.png);
}

.trow2 {
    background:  url(images/orizon/cbg2.png);
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #0f0f0f;
}

.trow_sep {
    background: #0f0f0f;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}


.tfoot {
    background: #181818 url(images/orizon/thead_bg.gif) top left repeat-x;
    color: #ffffff;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    background: url(images/orizon/hot_news_bg.jpg) center top repeat-x #181818;
    color: #ff2a2a;
    border: 1px solid #461C0E;
    padding: 9px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}

.navigation a:link {
    color: #ff2a2a;
    text-decoration: none;
}

.navigation a:visited {
    color: #fff;
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.navigation .active {
    color: #FFFFFF;
    font-weight: bold;
}
.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #FFFFFF;
    padding: 1px;
}

textarea {
    background: #fff url(images/orizon/metinalani.gif) repeat-x scroll left top;
       color: #000000;
    border: 1px solid #461C0E;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #403f3f;    
        color: #ffffff;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/orizon/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/orizon/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/orizon/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
margin: 1em 40px;
border: 3px solid #e5e5e5;
font-style:italic;
line-height:24px;
font-size:13px;
background: url(images/orizon/blockquote.png) 15px 9px no-repeat;
padding:5px 0 0 50px;
margin-bottom:20px;
}

blockquote cite {
    display: block;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 3px 0;
    margin-bottom: 3px;
    font-style: normal;
    font-weight: bold;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
width:660px!important;
padding: 5px!important;
margin-bottom: 5px!important;
background: url(images/orizon/code.png) 615px 9px no-repeat;
border: 1px solid #e5e5e5!important;
border-left-width: 4px!important;
color: #fff!important;
}

.codeblock .title {
    font-weight: bold;
        padding:5px 5px;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

.codeblock code {
width:660px!important;
font-family: Calibri, 'CalibriRegular';
overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
font-weight: normal;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #ffac4a;
    border: 1px solid #f68b0d;
    color: #111;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
        display: block;
    position: relative;
    margin-bottom: 20px;
    padding: 12px 44px;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;

}

.red_alert {
    background: #fd1313;
    border: 1px solid #d60000;
        color: #111;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
        display: block;
    position: relative;
    margin-bottom: 20px;
    padding: 12px 44px;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/orizon/error.gif) no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
    color: #000;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/orizon/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

thead tr:only-child td:first-child,
tr:first-child td:first-child {
    -moz-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
}
thead tr:only-child td:last-child,
tr:first-child td:last-child {
    -moz-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
}
tr:last-child td:last-child {
    -moz-border-radius:0 0 5px 0;
    border-radius:0 0 5px 0;
}
tr:last-child td:first-child {
    -moz-border-radius:0 0 0 5px;
    border-radius:0 0 0 5px;
}
tr:only-child td:first-child {
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}
tr:only-child td:last-child {
    -moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}
.tborder,
tr:only-child td:only-child {
    -moz-border-radius:5px;
    border-radius:5px;
}
tr:last-child td:only-child,
thead ~ tbody tr:only-child td,
#posts .tborder[style*="border-top-width"],
.tborder[style*="border-top-width"],
.tborder[style*="border-top-width"] tbody tr td.tfoot {
    -moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
tr:first-child td:only-child,
thead tr:only-child td:only-child,
.tborder[style*="border-bottom-width"],
.tborder[style*="border-bottom-width"] tbody tr td,
#posts .tborder[style*="top: 5"]:last-child {
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
thead ~ tbody tr:first-child td:only-child,
thead ~ tbody tr:first-child td:first-child,
thead ~ tbody tr:first-child td:last-child,
#posts .tborder[style*="border-top-width"] tbody tr:first-child td:only-child,
#posts .tborder[style*="top: 5"] tbody tr:last-child td:only-child {
    -moz-border-radius:0;
    border-radius:0;
}

#footer {
    clear:both;
    width:100%;
    height:127px;
    background:url(images/orizon/trow.gif) repeat-x 0 0;
    text-align:center;
}
#footer-orizon {
    width:960px;
    margin:0 auto;
}
ul#foot-nav {
    clear:both;
    display:block;
    float:left;
    width:450px;
    font:bold 12px 'Oswald', Helvetica, Arial, sans-serif;
    line-height:20px;
}
ul#foot-nav li {
    display:block;
    margin:0 0 3px 3px;
    padding-left:5px;
    float:left;
    width:140px;
    height:20px;
    background-color:#212121;
}
ul#foot-nav li a {
    text-decoration: none;
    color:#fff;
}
p#footer-logo {
    float:right;
    display:block;
    width: 366px;
    height: 170px;
    margin-top: -63px;
    background: url(http://siteadi.com/images/logo.gif) no-repeat top right;
    color:#fff;
}

p#footer-logo a {
    float:left;
    display:block;
    width:350px;
    height:66px;
    text-indent:-9999px;
}
p#footer-logo span {
    color:#f2f2f2;
    float:left;
    display:block;
    width:350px;
}

div.social-wrap{font-size:18px;color:#fff;width:440px}ul.social-networks{list-style:none;overflow:hidden;margin:0 auto;padding:22px 205px;width:216px}ul.social-networks li{float:left;margin:0 2px;border:0}.icon-twitter a,.icon-facebook a,.icon-dribbble a,.icon-skype a,.icon-gplus a,.icon-rss a{float:left;background:url(images/orizon/social-sprite.png) no-repeat left bottom;text-indent:8000px;width:32px;height:32px;-webkit-transition:all .23s ease-in-out;-moz-transition:all .23s ease-in-out;-o-transition:all .23s ease-in-out;transition:all .23s ease-in-out;margin-top:3px}.icon-twitter a:hover,.icon-facebook a:hover,.icon-dribbble a:hover,.icon-skype a:hover,.icon-gplus a:hover,.icon-rss a:hover{opacity:.8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.icon-twitter,.icon-twitter a{background-position:-0px bottom}.icon-facebook,.icon-facebook a{background-position:-32px bottom}.icon-dribbble,.icon-dribbble a{background-position:-64px bottom}.icon-skype,.icon-skype a{background-position:-96px bottom}.icon-gplus,.icon-gplus a{background-position:-128px bottom}.icon-rss,.icon-rss a{background-position:-160px bottom}


    .buttons {
        position: relative;
        display: inline-block;
        cursor: pointer;
        height: 16px;
        margin: 0;
        padding: 6px 10px;
        border: 1px solid;
        color: #fefefe;
        font-size: 13px;
        font-family: sans-serif;
        line-height: 16px;
        text-decoration: none;
        gray-space: nowrap;
        vertical-align: bottom;

        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;

        text-shadow: 0 1px 0 #777;
    }
    buttons.buttons {
        height: 30px;
        padding: 5px 7px 6px;
    }

    .no-cssgradients .buttons {
        background: url(images/orizon/buttons-bg.png) repeat-x;
    }

    .no-borderradius .buttons:before, .no-borderradius .buttons:after { content: ' '; position: absolute; top: -1px; width: 12px; height: 30px; background: url(images/orizon/corners.png); }
    .no-borderradius buttons { border-right: none; border-left: none; padding: 4px 10px 6px; }
    .no-borderradius buttons.buttons:before, .no-borderradius buttons.buttons:after { top: -2px; }
    .no-borderradius .buttons:before { left: -1px; }
    .no-borderradius buttons.buttons:before { left: 0; }
    .no-borderradius .buttons:after { right: -1px; }
    .no-borderradius buttons.buttons:after { right: 0; }
    .no-borderradius .buttons-left:after,
    .no-borderradius .buttons-middle:before,
    .no-borderradius .buttons-middle:after,
    .no-borderradius .buttons-right:before { content: ''; width: 0; height: 0; }

    .buttons-left{
        -moz-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .buttons-middle{
        border-left: none;

        -moz-border-radius: 0;
        -o-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .buttons-right{
        border-left: none;

        -moz-border-radius: 0 4px 4px 0;
        -o-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

    .round {
        -moz-border-radius: 12px;
        -o-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }

    .round.buttons-left {
        -moz-border-radius: 12px 0 0 12px;
        -o-border-radius: 12px 0 0 12px;
        -webkit-border-radius: 12px 0 0 12px;
        border-radius: 12px 0 0 12px;
    }

    .round.buttons-right {
        -moz-border-radius: 0 12px 12px 0;
        -o-border-radius: 0 12px 12px 0;
        -webkit-border-radius: 0 12px 12px 0;
        border-radius: 0 12px 12px 0;
    }

    .icon {
        display: block;
        float: left;
        overflow: hidden;
        width: 15px;
        height: 16px;
        margin-right: 6px;
        background: url(images/orizon/icons.png) no-repeat;
    }
    .icon-right {
        float: right;
        margin-left: 6px;
        margin-right: 0;
    }

    .user { background-position: 0 0; }
    .gray .user { background-position: 0 -16px; }

    .user-group { width: 19px; background-position: 0 -32px; }
    .gray .user-group { background-position: 0 -48px; }

    .calendar { background-position: 0 -64px; }
    .gray .calendar { background-position: 0 -80px; }

    .comment { width: 22px; background-position: 0 -96px; }
    .gray .comment { background-position: 0 -112px; }

    .photos { width: 21px; height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -128px; }
    .gray .photos { background-position: 0 -147px; }

    .videos { width: 17px; background-position: 0 -166px; }
    .gray .videos { background-position: 0 -182px; }

    .message { background-position: 0 -198px; }
    .gray .message { background-position: 0 -214px; }

    .new-message { width: 18px; background-position: 0 -230px; }
    .gray .new-message { background-position: 0 -246px; }

    .profile { width: 17px; background-position: 0 -262px; }
    .gray .profile { background-position: 0 -278px; }

    .presentation { width: 20px; background-position: 0 -294px; }
    .gray .presentation { background-position: 0 -311px; }

    .settings { width: 12px; background-position: 0 -327px; }
    .gray .settings { background-position: 0 -343px; }

    .unlock { width: 16px; background-position: 0 -359px; }
    .gray .unlock { background-position: 0 -375px; }

    .lock { width: 16px; background-position: 0 -391px; }
    .gray .lock { background-position: 0 -407px; }

    .screen { background-position: 0 -423px; }
    .gray .screen { background-position: 0 -439px; }

    .save { background-position: 0 -455px; }
    .gray .save { background-position: 0 -471px; }

    .edit { width: 18px; height: 18px; margin-top: -1px; margin-bottom: -1px; background-position: 0 -487px; }
    .gray .edit { background-position: 0 -505px; }

    .cut { width: 13px; height: 17px; margin-bottom: -1px; background-position: 0 -523px; }
    .gray .cut { background-position: 0 -540px; }

    .paste { width: 13px; height: 17px; margin-bottom: -1px; background-position: 0 -557px; }
    .gray .paste { background-position: 0 -574px; }

    .facebook { width: 11px; height: 17px; margin-bottom: -1px; background-position: 0 -591px; }
    .gray .facebook { background-position: 0 -608px; }

    .twitter { width: 11px; background-position: 0 -625px; }
    .gray .twitter { background-position: 0 -641px; }

    .search { background-position: 0 -657px; }
    .gray .search { background-position: 0 -673px; }

    .logout { background-position: 0 -689px; }
    .gray .logout { background-position: 0 -705px; }

    .address-book { height: 17px; margin-bottom: -1px; background-position: 0 -721px; }
    .gray .address-book { background-position: 0 -738px; }

    .clock { background-position: 0 -755px; }
    .gray .clock { background-position: 0 -770px; }

    .documents { height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -787px; }
    .gray .documents { background-position: 0 -805px; }

    .documents-pdf { height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -825px; }
    .gray .documents-pdf { background-position: 0 -843px; }

    .documents-word { height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -862px; }
    .gray .documents-word { background-position: 0 -881px; }

    .documents-excel { width: 20px; background-position: 0 -900px; }
    .gray .documents-excel { background-position: 0 -916px; }

    .documents-powerpoint { width: 19px;background-position: 0 -932px; }
    .gray .documents-powerpoint { background-position: 0 -948px; }

    .documents-zip { height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -964px; }
    .gray .documents-zip { background-position: 0 -983px; }

    .document { width: 12px; background-position: 0 -1002px; }
    .gray .document { background-position: 0 -1018px; }

    .document-pdf { width: 12px; background-position: 0 -1034px; }
    .gray .document-pdf { background-position: 0 -1050px; }

    .document-word { width: 12px; background-position: 0 -1066px; }
    .gray .document-word { background-position: 0 -1082px; }

    .document-excel { width: 16px; background-position: 0 -1098px; }
    .gray .document-excel { background-position: 0 -1114px; }

    .document-powerpoint { width: 16px;background-position: 0 -1130px; }
    .gray .document-powerpoint { background-position: 0 -1146px; }

    .document-zip { width: 12px; background-position: 0 -1162px; }
    .gray .document-zip { background-position: 0 -1178px; }

    .music { background-position: 0 -1194px; }
    .gray .music { background-position: 0 -1210px; }

    .play { width: 9px; background-position: 0 -1226px; }
    .gray .play { background-position: 0 -1242px; }

    .stop { width: 13px; background-position: 0 -1258px; }
    .gray .stop { background-position: 0 -1274px; }

    .next-track { width: 13px; background-position: 0 -1290px; }
    .gray .next-track { background-position: 0 -1306px; }

    .prev-track { background-position: 0 -1322px; }
    .gray .prev-track { background-position: 0 -1338px; }

    .eject { width: 17px; background-position: 0 -1354px; }
    .gray .eject { background-position: 0 -1370px; }

    .remove { width: 16px; background-position: 0 -1386px; }
    .gray .remove { background-position: 0 -1402px; }

    .add { width: 16px; background-position: 0 -1418px; }
    .gray .add { background-position: 0 -1434px; }

    .cancel { width: 15px; background-position: 0 -1450px; }
    .gray .cancel { background-position: 0 -1466px; }

    .ok { background-position: 0 -1482px; }
    .gray .ok { background-position: 0 -1498px; }

    .home { width: 17px; background-position: 0 -1514px; }
    .gray .home { background-position: 0 -1530px; }

    .crosshair { background-position: 0 -1546px; }
    .gray .crosshair { background-position: 0 -1562px; }

    .favorite { width: 16px; background-position: 0 -1578px; }
    .gray .favorite { background-position: 0 -1595px; }

    .unfavorite { background-position: 0 -1612px; }
    .gray .unfavorite { background-position: 0 -1628px; }

    .folder { width: 18px; background-position: 0 -1644px; }
    .gray .folder { background-position: 0 -1660px; }

    .tag { background-position: 0 -1676px; }
    .gray .tag { background-position: 0 -1692px; }

    .bookmark { width: 11px; background-position: 0 -1708px; }
    .gray .bookmark { background-position: 0 -1724px; }

    .bookmark-book { width: 13px; background-position: 0 -1740px; }
    .gray .bookmark-book { background-position: 0 -1756px; }

    .bar-graph { width: 18px; background-position: 0 -1772px; }
    .gray .bar-graph { background-position: 0 -1788px; }

    .heart { width: 16px; background-position: 0 -1804px; }
    .gray .heart { background-position: 0 -1820px; }

    .arrow-left { background-position: 0 -1836px; }
    .gray .arrow-left { background-position: 0 -1852px; }

    .arrow-right { background-position: 0 -1868px; }
    .gray .arrow-right { background-position: 0 -1884px; }

    .arrow-down { width: 14px; background-position: 0 -1900px; }
    .gray .arrow-down { background-position: 0 -1916px; }

    .arrow-up { width: 14px; background-position: 0 -1932px; }
    .gray .arrow-up { background-position: 0 -1948px; }

/*  ------------------- White buttons  ------------------- */
    .gray {
        border-color: #999;

        background: -moz-linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -ms-linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -o-linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.5, #d6d7d9), color-stop(1, #cacbcd));
        background: -webkit-linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);

        color: #000;
        text-shadow: 0 1px 0 #fafafa;
    }
    .no-cssgradients .gray { background-position: 0 0; }
    .no-borderradius .gray:before { background-position: 0 0; }
    .no-borderradius .gray:after { background-position: 0 -60px; }
    .no-borderradius .gray.round:before { background-position: 0 -120px; }
    .no-borderradius .gray.round:after { background-position: 0 -180px; }

    .gray:hover {
        background: -moz-linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -ms-linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -o-linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fefefe), color-stop(0.5, #d6d7d9), color-stop(1, #cacbcd));
        background: -webkit-linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
    }
    .no-cssgradients .gray:hover { background-position: 0 -28px; }
    .no-borderradius .gray:hover:before { background-position: 0 -30px; }
    .no-borderradius .gray:hover:after { background-position: 0 -90px; }
    .no-borderradius .gray.round:hover:before { background-position: 0 -150px; }
    .no-borderradius .gray.round:hover:after { background-position: 0 -210px; }
/*  ------------------- White buttons  ------------------- */

.bilgi2{
padding: 5px;
margin-bottom: 5px;
background: #fff url(images/orizon/metinalani.gif) repeat-x scroll left top;
border: 1px dashed #461C0E;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


.bilgi {
background-color: #373b3c;
border: 1px dashed #fff;
padding: 6px;
margin-bottom: 5px;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.pAvatarFrame {
    background: url(images/orizon/media_bg.png) no-repeat;
    width: 125px;
    height: 125px;
    position: relative;
}

.pAvatarFrame img {
    background: #f7f7f7;
    display: block;
    position: absolute;
    left: 11px;
    top: 4px;
    width: 98px;
    height: 98px;
    margin-top: 7px;
    margin-left: 2px;
}

.userprofile_avatar
{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=96);
    filter:alpha(opacity=96);
    opacity:0.96;
}

.userprofile_avatar img
{
    -moz-box-shadow:1px 3px 4px #ccc;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    -webkit-box-shadow:1px 3px 4px #ccc;
    -webkit-transition:.4s;
    border:2px solid transparent;
    box-shadow:1px 3px 4px #ccc;
    float:left;
    margin:24px;
    max-height:94px;
    max-width:95px;
    outline:1px solid #ccc;
    transition:.4s;
}

.userprofile_avatar:hover img
{
    -moz-animation:useravatar 1s;
    -ms-animation:useravatar 1s;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-animation:useravatar 1s;
    animation:useravatar 1s;
    filter:alpha(opacity=100);
    opacity:1;
}

.userprofile_away
{
    -moz-border-radius:5px;
    -moz-box-shadow:inset 0 0 2px white,1px 1px 7px #eee;
    -webkit-border-radius:5px;
    -webkit-box-shadow:inset 0 0 2px white,1px 1px 7px #eee;
    background:#eee;
    border:1px solid #ddd;
    border-radius:5px;
    box-shadow:inset 0 0 2px white,1px 1px 7px #eee;
    float:right;
    padding:10px;
    position:relative;
}

.userprofile_away:before
{
    border-bottom:15px solid transparent;
    border-right:15px solid #EEE;
    border-top:15px solid transparent;
    content:"";
    display:block;
    height:0;
    left:-11px;
    position:absolute;
    top:15px;
    width:0;
    z-index:999;
}


@keyframes "useravatar" {
0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(-360deg);
       -moz-transform: rotate(-360deg);
       -o-transform: rotate(-360deg);
       -ms-transform: rotate(-360deg);
       transform: rotate(-360deg);
}

}

@-moz-keyframes useravatar {
0% {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -moz-transform: rotate(-360deg);
   transform: rotate(-360deg);
}

}

@-webkit-keyframes "useravatar" {
0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(-360deg);
   transform: rotate(-360deg);
}

}

@-ms-keyframes "useravatar" {
0% {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -ms-transform: rotate(-360deg);
   transform: rotate(-360deg);
}

}    

.showthread_useravatar img {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    border: 2px solid transparent;
    margin-top: 5px;

    -webkit-box-shadow: 0px 3px 5px #ddd;
    -moz-box-shadow: 0px 3px 5px #ddd;
    box-shadow: 0px 3px 5px #ddd;
}

.showthread_useravatar img:hover {
    -webkit-box-shadow: 1px 1px 10px #aaa;
    -moz-box-shadow: 1px 1px 10px #aaa;
    box-shadow: 1px 1px 10px #aaa;

    -webkit-animation: useravatar 1s;
    -moz-animation: useravatar 1s;
    -ms-animation: useravatar 1s;
    animation: useravatar 1s;
}

.slideright:hover {
    -webkit-transform: translate(1em, 0pt);
    -moz-transform: translate(1em, 0pt);
    -o-transform: translate(1em, 0pt);
    -ms-transform: translate(1em, 0pt);
}


.showbox {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.xsbox {
    font-weight: bold;
    font-style: normal;
    font-size: 9pt;
        font-family: Georgia;
        border-right: 2px solid #183150 !important;
        border-left: 2px solid #183150 !important;
        border-top: 2px solid #183150 !important;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 7px;
}
    
#mask {
    position: absolute;
    z-index: 9010;
    background-color: #000000;
    display: none;
    top: 0;
    left: 0;
}

.modalBox {
    position: fixed;
    width: 440px;
    display: none;
    z-index: 9015;
    background: #1b1b1b;
    border: 1px solid #000000;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
    .modalBox .thead {
        font-weight: bold;
    }
    .modalBox .modalContent {
        padding: 5px 10px;
    }

.ekd strong {
    color: #fff;
    font-family: Arial;
}

.ekd {
    background: #323d47 url(images/orizon/ekd.png) right top no-repeat;
    border: 8px solid #293139;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    color: #fff;
}
    #maximage
{
max-width: 335px;
}    
        
h1 {
    font-size: 15px;
    margin: 0;
}
h2 {
    font-size: 15px;
    margin: 0;
        
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 50%; float: left;}
}

h1 {
    font-size: 12px;
    margin: 0;
}
h2 {
    font-size: 12px;
    margin: 0;
}
h3 {
    font-size: 12px;
    margin: 0;
}
h4 {
    font-size: 12px;
    margin: 0;
}


HEADER LOGO KODU

Kod:
<div id="logo"><h1><a href="index.php"><div class="showbox slideright" style="margin-top: 0px;"><img alt="FORUM SİTESİ" title="FORUM SİTESİ" src="images/logo.gif" style="width: 344px;margin-top: 23px;"></h1></div></a>

ARKADAŞLAR SORUM ŞU ÖNCEDEN PRO TEMA KULLANIYORDUM VE CSS KODUNUN ORDA LOGO YAZINCA HOVER EFEKTİ İÇİN FLN KODLAR ALT ALTA OLUYORDU DÜN HOVER EFEKTİ DEGİŞTİRMEK İSTEDİM BULAMADIM LOGO SOLA KAYDI SAGA KAYDIRAMADIM Açık Ağızlı Gülümseme BUNU NASIL AYARLICAZ ?
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  siteme logo isteği xexzela 1 440 06-01-2016, Saat:02:15
Son Yorum: Dream41
  Logo değiştirme sorunu Akuma 1 411 02-07-2015, Saat:11:13
Son Yorum: 1st4n6uL
  üzerine gelince titreyen logo burakhan667000 1 433 19-01-2015, Saat:10:37
Son Yorum: burakhan667000
  LOGO SORUNU burakhan667000 3 540 09-01-2015, Saat:19:33
Son Yorum: burakhan667000
  logo nasıl ekleyebilriim ve boyutlarnı nasıl ayarlarım burakhan667000 0 332 04-01-2015, Saat:21:48
Son Yorum: burakhan667000



Konuyu Okuyanlar: 1 Ziyaretçi