۱۳۹۳/۳/۲۵، ۱۳:۲۹:۰۳ عصر
(آخرین ویرایش: ۱۳۹۳/۳/۲۵، ۱۳:۳۰:۴۲ عصر، توسط پسر پاییزی.)
سلام !
امیدوارم که خوب باشید!
من از قالب نسیل استفاده میکنم و میخوام که توش تغییراتی بدم !
مثلا قالب من این بخش رو اینطوری نشون میده
ولی میخوام مثل این کادر رو کامل نشون بده
لطفا اگ میشه خودتون درستش کنید
این هم کد گلوبال قالبم
امیدوارم که خوب باشید!
من از قالب نسیل استفاده میکنم و میخوام که توش تغییراتی بدم !
مثلا قالب من این بخش رو اینطوری نشون میده
ولی میخوام مثل این کادر رو کامل نشون بده
لطفا اگ میشه خودتون درستش کنید
این هم کد گلوبال قالبم
کد php:
/***************************************
Nesil 1.0
soniquake - huseyinemanet.com - hsynemanet@gmail.com
RTL by mybbfree.ir
09 Aralik 2010 Persembe
ie7, ie8, ff, opera, chrome, safari
***************************************/
body {
background: #d0d1c9 url(images/nesil/arkaplan.jpg) repeat;
color: #333;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
text-align: center;
line-height: 1.6;
margin: 0 0 25px 0;
}
a:link, a:visited {
color: #1359AE;
text-decoration: none;
outline: 0;
}
a:hover, a:active {
color: #C62222;
text-decoration: none;
outline: 0;
}
#container {
background: #fff;
width: 950px;
color: #333;
border: 1px solid #5d5d5d;
border-top: 0;
margin: 0 auto;
text-align: right;
}
#content {
width: auto !important;
padding: 15px 20px;
}
#panel {
background: #efefef;
color: #000;
font-size: 11px;
border: 1px solid #D4D4D4;
padding: 8px;
}
table {
color: #333;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
line-height: 1.6;
}
.tborder {
background: #fff;
width: 100%;
margin: 0 auto;
border: 1px solid #C0C0C0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
acronym, abbr {
cursor: help;
border-bottom: 1px dashed #555;
}
.thead {
background: #182846 url(images/nesil/tablo.gif) repeat-x scroll left top;
color: #fff;
border-bottom: 1px solid #bebebe;
padding: 7px 15px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
font-weight: bold;
}
.thead a:link, .thead a:visited {
color: #fff;
text-decoration: none;
}
.thead a:hover, .thead a:active {
color: #fff;
text-decoration: none;
}
.tcat {
background: #eaeaea url(images/nesil/alt_tablo.png) top left repeat-x;
color: #666;
border-bottom: 1px solid #bebebe;
font-size: 11px;
padding: 5px 8px;
text-shadow: 1px 1px 0 #fff;
}
.tcat a:link, .tcat a:visited, .tcat a:hover, .tcat a:active {
color: #333;
}
.trow1 {
background: #f5f5f5;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.trow2 {
background: #efefef;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e6e6e6;
}
.trow_shaded {
background: #ffdde0;
}
.trow_selected td {
background: #FFFBD9;
border-bottom: 1px solid #F7E86A;
}
.trow_sep {
background: #f5f5f5 url(images/nesil/alt_tablo.png) top left repeat-x;
color: #333;
border-bottom: 1px solid #bebebe;
font-size: 12px;
font-weight: bold;
}
.tfoot {
background: #182846 url(images/nesil/tablo.gif) repeat-x scroll left top;
color: #fff;
padding: 7px 15px;
border-top: 1px solid #bebebe;
-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, .tfoot a:visited {
color: #fff;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #fff;
text-decoration: none;
}
.bottommenu {
background: #f5f5f5 url(images/nesil/alt_tablo.png) top left repeat-x;
color: #333;
border-top: 1px solid #bebebe;
padding: 6px;
}
.bottommenu div span.smalltext a {
background-repeat: no-repeat;
background-position: left;
padding: 0 0 0 15px;
margin-right: 15px;
text-decoration: none;
}
.iletisim {
background-image: url(images/nesil/ikon/iletisim.png);
}
.anasayfa {
background-image: url(images/nesil/ikon/anasayfa.png);
}
.yukari {
background-image: url(images/nesil/ikon/yukari.png);
}
.arsiv {
background-image: url(images/nesil/ikon/arsiv.png);
}
.rss {
background-image: url(images/nesil/ikon/rss.png);
}
.navigation {
color: #333;
font-size: 11px;
font-weight: bold;
}
.navigation a:link, .navigation a:visited {
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
text-decoration: none;
}
.navigation .active {
color: #333;
font-size: 11px;
font-weight: bold;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
textarea {
background: #fff url(images/nesil/metinalani.gif) repeat-x scroll left top;
border: 1px solid gray;
padding: 0;
line-height: 1.4;
font-family: Tahoma;
font-size: 12px;
}
select {
background: #fff;
border: 1px solid gray;
font-family: Tahoma;
font-size: 12px;
}
input.textbox {
background: #fff url(images/nesil/metinalani.gif) repeat-x scroll left top;
border: 1px solid gray;
padding: 2px;
font-family: Tahoma;
font-size: 12px;
}
.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: #333;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: right;
}
.popup_menu .popup_item {
background: #fff;
display: block;
text-decoration: none;
white-space: nowrap;
border: 1px solid #ccc;
outline: 1px solid #f5f5f5;
padding: 3px 13px;
}
.popup_menu a.popup_item:hover {
background: #1192d5;
color: #fff;
text-decoration: none;
}
.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/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-right: 22px;
}
.validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-right: 22px;
}
.validation_loading {
background: url(images/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;
vertical-align: middle;
}
.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;
}
.expcolimage {
float: left;
width: auto;
vertical-align: middle;
margin-top: 3px;
}
img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}
hr {
background-color: #000;
color: #000;
height: 1px;
border: 0;
}
#copyright {
background: #182846 url(images/nesil/tablo.gif) repeat-x scroll left top;
color: #fff;
margin: 0;
padding: 6px;
border-top: 1px solid #003366;
height: 35px;
text-align: left;
}
#copyright a {
color: #fff;
font-weight: bold;
}
#debug {
float: right;
text-align: right;
margin-top: 0;
}
blockquote {
background: #fafcfe;
margin: 0;
padding: 4px;
border-left: 4px solid #8394B2;
border-top: 1px dotted #333;
border-right: 1px dotted #333;
border-bottom: 1px dotted #333;
}
blockquote cite {
background: #fafcfe url(images/nesil/alinti.gif) no-repeat right center;
display: block;
padding: 3px;
font-style: normal;
font-weight: bold;
}
blockquote cite span {
float: left;
font-weight: normal;
}
.codeblock {
background: #fafcfe;
margin: 0 auto;
}
.codeblock .title {
background: #fddbcc url(images/nesil/kod.gif) no-repeat right;
border-bottom: 1px solid #ccc;
padding: 3px;
margin: 0 auto;
font-weight: bold;
}
.codeblock code {
color: #465584;
overflow: auto;
height: auto;
max-height: 200px;
display: block;
padding: 4px;
border: 1px dotted #999;
font-family: Monaco, Consolas, Courier, Monospace;
font-size: 12px;
direction: ltr;
text-align: left;
}
.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;
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: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.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-right: 24px;
display: block;
color: #C00;
background: url(images/error.gif) no-repeat 0;
}
div.error.ul {
margin-right: 24px;
}
.online {
color: #15A018;
}
.offline {
color: #C7C7C7;
}
.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 10px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
font-weight: bold;
}
.pagination .pagination_current, .pagination a {
background: #eaeaea url(images/nesil/alt_tablo.png) center left repeat-x;
padding: 3px 8px;
margin-bottom: 3px;
}
.pagination a {
border: 1px solid #bbb;
text-shadow: 1px 1px 0 #fff;
}
.pagination .pagination_current {
background: #182846 url(images/nesil/tablo.gif) repeat-x left top;
border: 1px solid #101b31;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.pagination a:hover, .pagination a:active {
background: #182846 url(images/nesil/tablo.gif) repeat-x left top;
border: 1px solid #101b31;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0 #444;
}
.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: right;
margin-right: 10px;
}
.forum_legend dt {
margin-right: 10px;
float: right;
}
.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;
text-align: justify;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 20px;
height: 13px;
padding-right: 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;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
.logo {
height: 125px;
position: relative;
border-bottom: 1px solid #194a6c;
}
.logo a {
background: url(images/nesil/logo.jpg) top left repeat-x;
height: 125px;
width: 950px;
display: block;
text-indent: -9999px;
}
.lower_panel a.login {
background: url(images/nesil/ikon/giris.png) no-repeat right center;;
padding: 1px 20px 1px 0px;
margin-right: 15px;
margin-left: 15px;
}
.lower_panel a.register {
background: url(images/nesil/ikon/kayitol.png) no-repeat right center;;
padding: 1px 20px 1px 0px;
margin-right: 5px;
}
.lower_panel a.admincp {
background: url(images/nesil/ikon/adminkp.png) no-repeat right center;
padding: 1px 20px 1px 0px;
}
.lower_panel a.modcp {
background: url(images/nesil/ikon/modkp.png) no-repeat right center;
padding: 1px 20px 1px 0px;
}
.lower_panel a.usercp {
background: url(images/nesil/ikon/kullanicikp.png) no-repeat right center;
padding: 1px 20px 1px 0px;
}
.lower_panel {
background: #eaeaea url(images/nesil/alt_tablo.png) top left repeat-x;
color: #000;
border-bottom: 1px solid #bebebe;
padding: 6px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}
.lower_panel a {
color: #626262;
margin-right: 15px;
text-shadow: 1px 1px 0 #fff;
}
.lower_panel a:hover, .lower_panel a:active {
color: #333;
text-decoration: none;
}
.upper_panel {
background: #eaeaea url(images/nesil/alt_tablo.png) top left repeat-x;
color: #333;
border-bottom: 1px solid #bebebe;
padding: 6px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}
.upper_panel a {
padding-left: 20px;
margin-right: 15px;
text-shadow: 1px 1px 0 #fff;
font-weight: bold;
}
.upper_panel a.logout {
background: url(images/nesil/ikon/logout.gif) no-repeat right;
padding-right: 20px;
margin-left: 0;
padding-left: 0;
margin-right: 0;
}
#golge {
background: url(images/nesil/golge.png) repeat-y;
width: 986px;
position: relative;
margin: 0 auto;
height: auto;
}
#golge_alt {
background: url(images/nesil/golge_alt.png) no-repeat;
height: 18px;
width: 986px;
margin: 0 auto;
}
.alt_forumlar {
list-style: none;
margin: 0;
padding: 0;
}
.alt_forumlar li {
width: 33%;
float: left;
line-height: 20px;
}
#menu {
background: url(images/nesil/menu_bg_baslar.png) no-repeat;
position: absolute;
top: 92px;
right: 18px;
padding-left: 41px;
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
}
#menu ul {
background: #016db0 url(images/nesil/menu_bg.png) repeat-x;
list-style: none;
margin: 0;
padding: 0;
height: 34px;
}
#menu li {
float: right;
margin-top: 4px;
margin-right: 10px;
}
#menu li a {
color: #fff;
padding: 4px 10px 1px;
text-decoration: none;
display: block;
border-bottom: 0;
}
#menu li a:hover {
color: #fff;
border-bottom: 2px solid #fff;
text-decoration: none;
}
#menu li.active a, #menu li.active a:hover {
background: url(images/nesil/menu_bg_aktif.png) no-repeat top left;
color: #333;
padding: 4px 10px 4px 13px;
border-bottom: 2px solid #fff;
}
#menu li.active {
background: url(images/nesil/menu_bg_aktif2.png) no-repeat top right;
padding-right: 4px;
position: relative;
bottom: -2px;
}
.yazar a:link, .yazar a:visited, .yazar a:hover, .yazar a:active {
color: #333;
text-decoration: none;
}
form#lang_select {
margin-top: -4px;
}
.author {
background: url(images/nesil/nav_bit.gif) no-repeat center right;
padding-right: 20px;
}
.remember_me input {
vertical-align: sub;
}
.messageEditor .toolbar_button {
cursor: pointer;
}
.post_avatar img {
background: #fff;
border: 1px solid #ddd;
padding: 1px;
}
.button {
cursor: pointer;
font-family: Tahoma;
font-size: 11px;
}
/* by : mybbco
URl : www.mybbco.ir
*/
.secondary {
/* by : mybbco.ir */
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top, #f9f9f9 0%, #fdfdfd 50%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#fdfdfd), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#fdfdfd 50%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#fdfdfd 50%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#fdfdfd 50%,#fcfcfc 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9f9f9 0%,#fdfdfd 50%,#fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
overflow: hidden;
margin-top: 25px;
padding: 0px;
border:1px solid #ebebeb;
border-radius: 2px;
box-shadow:0 0 5px #e9e9e9;
text-shadow: 1px 1px 0px #fafafa;
font-size: 13px;
font-family:BYekan;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
}
.breadcrumb {
list-style: none;
overflow: hidden;
margin: 0;
padding: 0px;
max-height:30px;
}
.breadcrumb li {
float: right;
}
.breadcrumb li a {
background: #f9f9f9;
color: #777777;
padding-top: 5px;
padding-bottom:8px;
padding-right:40px;
padding-left:0;
position: relative;
display: block;
float: right;
text-decoration: none;
}
.breadcrumb li a:after {
content: " ";
display: block;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 25px solid #f9f9f9;
position: absolute;
top: 50%;
margin-top: -50px;
right: 100%;
z-index: 2;
}
.breadcrumb li a:before {
content: " ";
display: block;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 25px solid #ededed;
position: absolute;
top: 50%;
margin-top: -50px;
margin-right: 1px;
right: 100%;
z-index: 1;
}
.breadcrumb li:first-child a {
padding-right: 10px;
}
.breadcrumb li:last-child a {
}
.breadcrumb li a:hover {
background: #f5f5f5;
color: #777777;
}
.breadcrumb li a:hover:after {
border-right-color: #f5f5f5 !important;
}
.signature1 {
background-color:#FFFFFF;
border-left:1px dashed #4BCDD6;
border-right:1px dashed #4BCDD6;
border-top:1px dashed #4BCDD6;
border-bottom:1px dashed #4BCDD6;
margin:0 auto 4px;
padding:5px 5px 5px 10px;
-moz-border-radius:20px 20px 20px 20px;
}
.postbited {
height: 35px;
line-height: 3;
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 -1px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
-moz-box-shadow: 0 -1px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
box-shadow: 0 -1px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
}
.postbited:hover {
background: #f0f0f0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
}
.postbit-style {
margin-bottom: 10px;
border: none;
-webkit-border-radius: 100% / 33px;
-moz-border-radius: 100% / 33px;
border-radius: 100% / 33px;
-webkit-box-shadow: 0 8px 3px -5px rgba(0,0,0,.2);
-moz-box-shadow: 0 8px 3px -5px rgba(0,0,0,.2);
box-shadow: 0 8px 3px -5px rgba(0,0,0,.2);
}
.postbited:hover > .postbit-style {
-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.22);
box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.22);
}
.postbit2 {
width: 100%;
height: 45px;
}
.postbitsmall {
float: right;
margin-left: 4%;
width: 48%;
}
.postbitsanllleft {
width: 48%;
float: right;
}
.postbited img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}