tr.gg icin ask.fm tasarimi
<div id="menu" class="menu-top">
<div id="menuCenter"><a href="#">
<div id="logo"> </div>
</a></div>
</div>
<div id="wrapper" class="wrapper-top">
<div class="container">serdar
tasarım altındaki yazı kodu
</div>
</div>
<div id="footer">
<div id="footer-brand">© 2012 css-tasarimdeneme.tr.gg</div>
<div id="footer-language"> </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;}
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;
}
table {
margin-left : auto;
margin-right : auto;
}
html {
background-color : #264C67;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
text-align : left;
color : #000;
margin : 52px 0 25px;
padding : 0;
}
.wrapperOuter {
position : relative;
padding-top : 106px;
width : 735px;
margin : 0 auto;
}
#wrapper {
display : block;
width : 735px;
height : auto;
overflow : hidden;
background-color : #FFF;
border : none;
border-radius : 5px;
padding : 0;
}
.wrapper-top {
margin : 0 auto 10px;
}
#footer {
display : block;
width : 685px;
font-size : 11px;
color : #000;
overflow : hidden;
background-color : #FFF;
border-radius : 5px;
margin : 0 auto;
padding : 5px 25px;
}
#footer-brand {
display : block;
float : left;
}
#footer-language {
display : block;
float : right;
}
.container {
display : block;
width : 685px;
min-height : 420px;
overflow : hidden;
margin : 0;
padding : 12px 25px 15px;
}
.container-profile {
display : block;
width : 685px;
min-height : 290px;
overflow : hidden;
margin : 0;
padding : 12px 25px 15px;
}
.infoBox, .questionBox, .questionBox-daily {
display : block;
width : 685px;
border-bottom : 1px solid #EEE;
border-top : none;
border-left : none;
border-right : none;
overflow : hidden;
margin : 0 auto;
padding : 11px 0;
}
.questionBox-borderNone {
display : block;
width : 685px;
border : none;
overflow : hidden;
margin : 0 auto;
padding : 10px 0;
}
#yourLink {
display : block;
width : 665px;
background-color : #d4eaf7;
border : none;
border-radius : 5px;
margin : 10px auto 15px;
padding : 12px 10px;
}
#outOfOrder-box {
display : block;
width : 665px;
color : #333;
background-image : none;
background-color : #FCFBBC;
border : none;
border-radius : 5px;
margin : 10px auto 15px;
padding : 12px 10px;
}
#outOfOrder-profile {
display : block;
width : 665px;
color : #333;
background-color : #FCFBBC;
border : none;
border-radius : 5px;
font-size : 14px;
font-weight : 400;
text-align : center;
margin : 10px auto 0;
padding : 12px 10px;
}
#itsMoreFun {
width : 665px;
display : block;
overflow : hidden;
margin : 10px auto 0;
padding : 0;
}
.itsMoreFun-text {
display : block;
float : left;
font-size : 20px;
font-weight : 700;
margin : 0 10px 0 0;
padding : 1px 0 0;
}
a.link-fun {
display : block;
float : left;
height : 16px;
text-align : center;
font-weight : 700;
font-size : 14px;
line-height : 16px;
border-radius : 5px;
color : #FFF;
text-decoration : none;
cursor : pointer;
background-color : #91CC00;
background-position : 0 -334px;
border : #91CC00;
margin : 0;
padding : 5px 20px;
}
a.link-fun:hover {
background-color : #A9D800;
background-position : 0 -362px;
}
#yourLink-headline {
display : block;
width : 665px;
font-weight : 700;
text-decoration : none;
border : none;
margin : 0 auto 4px;
padding : 0;
}
#yourLink-form {
width : 653px;
border : #ABADB3 solid 1px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
text-align : left;
color : #000;
border-radius : 5px;
margin : 0 auto 10px;
padding : 8px 5px;
}
.headline-menu {
display : block;
width : 685px;
border-bottom : 1px solid #EEE;
border-top : none;
border-left : none;
border-right : none;
overflow : hidden;
margin : 0 auto;
padding : 0 0 10px;
}
.question {
display : block;
width : 95%;
float : left;
line-height : 18px;
overflow-wrap : break-word;
margin : 0;
padding : 0;
}
.answer {
display : block;
width : 100%;
float : left;
clear : both;
line-height : 18px;
overflow-wrap : break-word;
margin : 0;
padding : 7px 0 6px;
}
.time {
display : block;
font-size : 11px;
line-height : 12px;
width : 285px;
color : gray;
float : left;
clear : left;
overflow-wrap : break-word;
margin : 2px 0 0;
padding : 0;
}
.answer-linkBox {
display : block;
width : 100%;
float : left;
clear : both;
margin : 1px 0 0;
padding : 0;
}
.answer-linkBox-seperator {
display : inline;
text-decoration : none;
border : none;
color : gray;
margin : 0;
padding : 0 6px;
}
a.link-time {
color : gray;
text-decoration : none;
white-space : nowrap;
}
.author {
font-size : 11px;
line-height : 12px;
font-weight : 400;
padding : 0;
}
#more-container {
display : block;
width : 500px;
overflow : hidden;
margin : 15px auto 2px;
padding : 0 0 0 185px;
}
#popup-more-container {
display : block;
overflow : hidden;
margin : 0;
padding : 15px 0 15px 150px;
}
#more-container-float-popup {
display : block;
float : left;
clear : both;
width : 100%;
overflow : hidden;
text-align : center;
margin : 14px auto 0;
padding : 0;
}
#setting-buttons-container {
display : block;
width : 100%;
overflow : hidden;
text-align : center;
margin : 7px auto 10px;
padding : 0;
}
#more-container-float {
display : block;
float : left;
clear : both;
width : 100%;
overflow : hidden;
margin : 7px auto 10px;
padding : 0;
}
#page-container {
display : block;
height : 30px;
width : 100%;
text-align : center;
margin : 15px auto 10px;
padding : 0;
}
.deleteBox {
width : 15px;
height : 15px;
display : block;
float : right;
clear : right;
margin : 0;
padding : 0;
}
a.delete {
width : 15px;
height : 15px;
display : block;
background-position : -72px -123px;
background-repeat : no-repeat;
margin : 0;
padding : 0;
}
a.delete:hover {
background-position : -72px -140px;
}
.likeBox {
width : 13px;
height : 13px;
display : block;
float : right;
margin : 0 0 0 5px;
padding : 0;
}
.likeList {
width : 285px;
display : block;
float : right;
text-align : right;
font-size : 11px;
line-height : 12px;
color : gray;
overflow-wrap : break-word;
margin : 2px 0 0;
padding : 0;
}
.likeCombo {
display : block;
float : right;
width : 303px;
height : auto;
overflow : hidden;
margin : 0;
padding : 0;
}
#profile-button a.link-green, .stream-answer a.link-green, .popupPeopleBox a.link-green, .flyout-people-buttons a.link-green, .popular a.link-green {
display : block;
min-width : 80px;
font-weight : 700;
font-size : 11px;
line-height : 14px;
border-radius : 3px;
text-shadow : 0 -1px 0 #56831C;
color : #fff;
text-align : center;
text-decoration : none;
background-position : 0 -168px;
cursor : pointer;
float : right;
border : #65942A solid 1px;
white-space : nowrap;
margin : 0 0 0 10px;
padding : 6px 10px;
}
#profile-button a.link-green:hover, .stream-answer a.link-green:hover, .popupPeopleBox a.link-green:hover, .flyout-people-buttons a.link-green:hover, .popular a.link-green:hover {
background-position : 0 -196px;
}
#profile-button a.link-green:active, .stream-answer a.link-green:active, .popupPeopleBox a.link-green:active, .flyout-people-buttons a.link-green:active, .popular a.link-green:active {
background : #96CC50;
}
.submit-button-center {
font-weight : 400;
font-size : 13px;
border-radius : 5px;
color : #222;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
background-position : 0 0;
cursor : pointer;
border-color : #CCC #BBB #AEAEAE;
border-style : solid;
border-width : 1px;
margin : 0 10px;
padding : 6px 25px;
}
.submit-button {
display : block;
font-weight : 400;
font-size : 13px;
border-radius : 5px;
color : #222;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
background-position : 0 0;
cursor : pointer;
float : left;
border-color : #CCC #BBB #AEAEAE;
border-style : solid;
border-width : 1px;
margin : 0 10px 0 0;
padding : 6px 25px;
}
.submit-button-more {
width : 300px;
font-weight : 400;
font-size : 13px;
border-radius : 5px;
color : #222;
text-decoration : none;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
background-position : 0 0;
cursor : pointer;
float : left;
border-color : #CCC #BBB #AEAEAE;
border-style : solid;
border-width : 1px;
margin : 0;
padding : 6px 0;
}
.submit-button-center-150 {
width : 150px;
font-weight : 400;
font-size : 13px;
border-radius : 5px;
color : #222;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
background-position : 0 0;
cursor : pointer;
border-color : #CCC #BBB #AEAEAE;
border-style : solid;
border-width : 1px;
margin : 0 10px;
padding : 7px 0;
}
.uploadFile {
display : block;
float : left;
clear : both;
margin : 0;
padding : 0;
}
a.link-silver-left {
display : block;
min-width : 80px;
font-weight : 400;
font-size : 13px;
line-height : 14px;
border-radius : 5px;
color : #222;
text-align : center;
text-decoration : none;
background-position : 0 0;
cursor : pointer;
float : left;
border-color : #CCC #BBB #AEAEAE;
border-style : solid;
border-width : 1px;
margin : 0 10px 0 0;
padding : 7px 10px;
}
a.link-silver-left:hover {
background-position : 0 -32px;
color : #000;
}
a.link-modern-left {
display : block;
min-width : 80px;
font-weight : 700;
font-size : 11px;
line-height : 14px;
text-decoration : none;
text-align : center;
color : #444;
border : #CCC solid 1px;
border-radius : 3px;
background-position : 0 -112px;
font-family : Arial, Helvetica, sans-serif;
cursor : pointer;
float : left;
margin : 0 10px 0 0;
padding : 6px 10px;
}
a.link-modern-left:hover {
background-position : 0 -140px;
color : #333;
}
a.link-modern-left:active {
background : #FFF;
color : #000;
}
#profile-button a.link-unfollow, .stream-answer a.link-unfollow, .popupPeopleBox a.link-unfollow, .flyout-people-buttons a.link-unfollow, .popular a.link-unfollow {
display : block;
min-width : 80px;
font-weight : 700;
font-size : 11px;
line-height : 14px;
border-radius : 3px;
color : #444;
text-align : center;
text-decoration : none;
background-position : 0 -224px;
cursor : pointer;
float : right;
white-space : nowrap;
border-color : #CCC #BBB #AEAEAE;
border-style : solid;
border-width : 1px;
margin : 0 0 0 10px;
padding : 6px 10px;
}
#profile-button a.link-unfollow:hover, .stream-answer a.link-unfollow:hover, .popupPeopleBox a.link-unfollow:hover, .flyout-people-buttons a.link-unfollow:hover, .popular a.link-unfollow:hover {
background-position : 0 -252px;
color : #FFF;
text-shadow : 0 -1px 0 #AA2933;
border-color : #AA2933;
}
#profile-button a.link-unfollow:active, .stream-answer a.link-unfollow:active, .popupPeopleBox a.link-unfollow:active, .flyout-people-buttons a.link-unfollow:active, .popular a.link-unfollow:active {
background : #EF504E;
}
a.link-silver-medium-right {
display : block;
text-align : center;
font-weight : 400;
font-size : 13px;
line-height : 13px;
border-radius : 5px;
color : #222;
text-decoration : none;
background-position : 0 -64px;
cursor : pointer;
float : right;
border-color : #CCC #BBB #AEAEAE;
border-style : solid;
border-width : 1px;
margin : 0 0 0 10px;
padding : 4px 20px;
}
a.link-silver-medium-ask_friends {
display : block;
height : 14px;
overflow : hidden;
text-align : center;
font-weight : 400;
font-size : 13px;
line-height : 14px;
border-radius : 5px;
color : #222;
text-decoration : none;
background-position : 0 -64px;
cursor : pointer;
float : right;
border-color : #CCC #BBB #AEAEAE;
border-style : solid;
border-width : 1px;
margin : 0 0 0 10px;
padding : 3px 20px 5px 15px;
}
.buttonIcon-friends {
display : inline;
width : 19px;
height : 14px;
vertical-align : text-top;
border : none;
margin : 0;
padding : 1px 5px 0 0;
}
.text-blue {
color : #3081A3;
text-decoration : none;
}
.text-red {
color : red;
font-size : 16px;
line-height : 14px;
}
a.link-blue {
display : inline;
font-weight : 400;
color : #3081A3;
text-decoration : none;
}
.link-headline-seperator {
display : block;
width : 0;
height : 20px;
border-top : none;
border-bottom : none;
border-left : 1px solid #999;
border-right : none;
float : left;
margin : 3px 10px 0 0;
}
a.link-headline-active {
display : block;
font-size : 20px;
font-weight : 700;
text-decoration : none;
color : #000;
float : left;
margin : 0 10px 0 0;
}
.link-headline-icon {
border : none;
vertical-align : middle;
margin : 0;
padding : 2px 0 4px;
}
a.link-headline {
display : block;
font-size : 20px;
font-weight : 700;
text-decoration : none;
color : #999;
float : left;
margin : 0 10px 0 0;
}
a.link-black {
text-decoration : none;
color : #000;
}
a.link-grey {
text-decoration : none;
color : #666;
}
.text-headline {
font-size : 20px;
font-weight : 700;
}
.text-bold {
font-weight : 700;
}
.text-12 {
font-size : 12px;
}
.text-12-bold {
font-size : 12px;
font-weight : 700;
}
.text-11 {
font-size : 11px;
}
.text-9 {
font-size : 9px;
}
.decoration-none {
text-decoration : none;
}
#nopup-picture {
display : block;
border : none;
margin : 0;
padding : 13px 0 10px;
}
a.link-page-active {
color : #FFF;
display : inline;
background-color : #525252;
text-decoration : none;
font-size : 12px;
font-weight : 700;
border-radius : 3px;
margin : 5px;
padding : 3px 5px 2px;
}
a.link-page {
color : #4d4d4d;
display : inline;
background-color : #ddd;
text-decoration : none;
font-size : 12px;
font-weight : 700;
border-radius : 3px;
margin : 5px;
padding : 3px 5px 2px;
}
a.link-page:hover {
color : #4d4d4d;
background-color : #CCC;
}
.text-grey {
color : gray;
}
.username {
display : inline;
font-weight : 400;
color : #000;
}
.text-grey-dark {
color : #777;
}
.text-italic {
font-style : italic;
}
a.link-login {
display : block;
text-align : center;
font-weight : 400;
font-size : 12px;
line-height : 14px;
border-radius : 5px;
color : #FFF;
text-decoration : none;
cursor : pointer;
float : right;
background-color : #2D4D71;
margin : 9px 0 0 10px;
padding : 4px 20px;
}
a.link-login:hover {
background-color : #385B83;
}
a.RSS_button {
background-attachment : scroll;
background-repeat : no-repeat;
background-position : -74px -164px;
color : #CECECE;
display : block;
float : right;
height : 16px;
margin-top : 8px;
text-decoration : none;
padding : 0 0 0 17px;
}
a.RSS_button span {
display : block;
font-weight : 700;
font-size : 11px;
line-height : 14px;
text-align : left;
padding : 1px 0;
}
a.RSS_button:hover {
color : #9e9e9e;
outline : none;
text-decoration : underline;
background-position : -74px -182px;
}
a.link-inviteLine {
display : block;
width : 655px;
border : none;
color : #236F9C;
text-decoration : none;
text-align : center;
font-weight : 700;
font-size : 13px;
background-color : #DDEEF6;
border-radius : 5px;
background-position : 0 -418px;
margin : 0 auto;
padding : 7px 15px;
}
a.link-inviteLine:hover {
color : #000;
background-color : #CDE7F1;
background-position : 0 -450px;
}
a.link-news {
display : block;
width : 655px;
border-top : 1px solid #98C6DC;
border-bottom : 1px solid #98C6DC;
border-left : none;
border-right : none;
color : #333;
font-size : 12px;
text-decoration : none;
background-color : #DDEEF6;
margin : 0 auto;
padding : 5px 15px;
}
a.link-news:hover {
color : #000;
background-color : #CDE7F1;
}
.container-profile-promo .questionBox {
padding-top : 12px;
border : none;
}
.container-profile-promo .question {
font-size : 19px;
line-height : 22px;
}
.container-profile-promo .answer {
padding-top : 6px;
padding-bottom : 7px;
font-size : 19px;
line-height : 22px;
}
#wall-shareOptionLine {
display : block;
overflow : hidden;
margin : 0 auto;
padding : 0;
}
a.link-shareOption {
text-decoration : none;
border : none;
color : #3081A3;
}
.wall-shareOption {
display : inline;
border : none;
text-decoration : none;
cursor : pointer;
}
.wall-shareOption-icon {
display : block;
width : 16px;
height : 16px;
float : left;
border : none;
text-decoration : none;
margin : 0 5px 0 0;
padding : 0;
}
.wall-shareOption-label {
display : block;
float : left;
font-size : 12px;
font-weight : 400;
border : none;
margin : 1px 0 0;
padding : 0 14px 0 0;
}
.qofday-label {
font-size : 11px;
font-weight : 700;
color : #000;
margin : 0;
padding : 0;
}
.qofday-icon {
width : 12px;
height : 12px;
border : none 0;
vertical-align : middle;
margin : 0 3px;
}
.qofday-timer {
font-size : 11px;
font-weight : 400;
color : gray;
margin : 0;
padding : 0;
}
.ticket-boxInbox {
display : block;
overflow : hidden;
width : 100%;
float : left;
clear : left;
margin : 0;
padding : 5px 0 0;
}
a.ticket {
background : url(http://ask.fm/images/ticket/ltr-twitter-a.png) top right no-repeat scroll transparent;
color : #333;
font-weight : 400;
display : block;
float : left;
height : 18px;
padding-right : 2px;
text-decoration : none;
margin : 0;
}
a.ticket span {
background : url(http://ask.fm/images/ticket/ltr-twitter-span.png) top left no-repeat transparent;
display : block;
font-size : 11px;
line-height : 14px;
text-align : center;
padding : 2px 6px 2px 19px;
}
a.ticket:hover {
background : url(http://ask.fm/images/ticket/ltr-twitter-a.png) bottom right no-repeat scroll transparent;
color : #000;
}
a.ticket span:hover {
background : url(http://ask.fm/images/ticket/ltr-twitter-span.png) bottom left no-repeat transparent;
}
#inbox-delete_all {
display : block;
width : 685px;
overflow : hidden;
text-align : right;
margin : 0 auto 2px;
padding : 11px 0 0;
}
a.inbox-delete_all {
display : block;
float : right;
font-size : 11px;
line-height : 14px;
color : gray;
text-decoration : none;
border : none;
background : url(http://ask.fm/images/icons/delete_all-rollover.png) top left no-repeat transparent;
margin : 0;
padding : 0 0 0 13px;
}
a.inbox-delete_all:hover {
color : #000;
text-decoration : underline;
background : url(http://ask.fm/images/icons/delete_all-rollover.png) bottom left no-repeat transparent;
}
a.profile-block {
display : block;
float : right;
font-size : 11px;
line-height : 14px;
color : gray;
text-decoration : none;
text-align : right;
border : none;
background : url(http://ask.fm/images/icons/block-rollover.png) top left no-repeat transparent;
margin : 0;
padding : 0 0 0 12px;
}
a.profile-block:hover {
color : red;
text-decoration : underline;
background : url(http://ask.fm/images/icons/block-rollover.png) no-repeat transparent;
background-position : 0 -14px;
}
a.profile-unblock {
display : block;
float : right;
font-size : 11px;
line-height : 14px;
color : gray;
text-decoration : none;
text-align : right;
border : none;
background : url(http://ask.fm/images/icons/unblock-rollover.png) top left no-repeat transparent;
margin : 0;
padding : 0 0 0 12px;
}
a.profile-unblock:hover {
color : #8CC63F;
text-decoration : underline;
background : url(http://ask.fm/images/icons/unblock-rollover.png) no-repeat transparent;
background-position : 0 -14px;
}
div.blockBox {
float : right;
clear : right;
}
a.inbox-block {
display : block;
font-size : 11px;
line-height : 14px;
color : gray;
text-decoration : none;
text-align : right;
border : none;
background : url(http://ask.fm/images/icons/block-rollover.png) top left no-repeat transparent;
margin : 0;
padding : 0 0 0 12px;
}
a.inbox-block:hover {
color : red;
text-decoration : underline;
background : url(http://ask.fm/images/icons/block-rollover.png) bottom left no-repeat transparent;
}
.advertainer {
overflow : hidden;
width : 720px;
background-color : #F4F4F4;
border-radius : 5px;
padding : 0 0 0 15px;
}
#menu {
display : block;
width : 100%;
height : 42px;
position : fixed;
z-index : 8000;
background-image : url(http://ask.fm/images/bg-menu-blue-vintage.png);
background-repeat : repeat-x;
background-position : top left;
margin : auto;
padding : 0;
}
.menu-top {
top : 0;
left : 0;
}
#menuCenter {
display : block;
position : relative;
width : 716px;
height : 42px;
margin : 0 auto;
padding : 0 17px 0 0;
}
#logo {
display : block;
width : 98px;
height : 40px;
border : none;
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/logo-green.png);
background-position : top center;
background-repeat : no-repeat;
float : left;
margin : 0;
padding : 0 0 0 28px;
}
#logo:hover {
background-position : bottom center;
}
Bugün 12 ziyaretçi (13 klik) kişi burdaydı!