وضعیت مشکل :
عنوان تایپک :

درخواست کاربر برتر و تایپک برتر

سلام من همچین چیزی رو میخوام


فایل‌(های) پیوست شده تصویر (ها)
   
پاسخ های کاربران 4
تعداد ارسال ها : 264
ارسال: 2
اون کادر واسه قالب وی کی هستش
کدهاشو از قالب Wiki که توی همین انجمنه بردارید
تعداد ارسال ها : 143
ارسال: 3
اول فایل پیوست شده رو تو هاستت آپلود کن

.zip  Upload.zip (اندازه: 17.3 KB / تعداد دفعات دریافت: 7)

اینو به global.css اضافه کن

#best_box {
   margin-bottom: -10px;
   margin-top: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
padding: 12px;
text-align: center;
height: 120px;
}
.beststop {
position: absolute;
background: url(images/beststop.png) no-repeat;
height: 39px;
width: 190px;
right: 50px;
margin-top: -15px
}
.beststop span {
   position: absolute;
   font: 16px Byekan;
   color: white;
   text-shadow: 1px 1px #484848;
   right: 47px;
   top: 4px;
}
.beststop2 {
position: absolute;
background: url(images/beststop.png) no-repeat;
height: 39px;
width: 190px;
left: 50px;
margin-top: -15px
}
.beststop2 span {
   position: absolute;
   font: 16px Byekan;
   color: white;
   text-shadow: 1px 1px #484848;
   left: 47px;
   top: 4px;
}
.bestuser {
border: 1px solid #ccc;
background:rgba(255,255,255,0.6);
overflow: hidden;
height: 125px;
width: 25%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
float: right;
}
.bestuseravatar {
height: 104px;
width: 80px;
border: 1px solid gray;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
float: left;
margin-left: 8px;
margin-top: 9px;
}
.bestusertext {
font: 16px Byekan;
line-height: 8px;
margin-top: 30px;
}
.bestusertext span{
font: 16px Byekan;
background: url(images/bestusericon.png) no-repeat right;
padding: 1px 10px;
padding-right: 28px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border: 1px solid #a7a7a7;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
}
.bestusertext span:hover{
   background: url(images/bestusericonoff.png) no-repeat right;
}
.bestusertext a {
color: #177ea7;
text-decoration: none;
}
.wikitopiks {
border: 1px solid #ccc;
background:rgba(255,255,255,0.6);
overflow: hidden;
height: 125px;
width: 73%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
float: left;
}
.wikitopikstext span{
font: 13px Byekan;
color: #11aae0;
background: url(images/staron.png) no-repeat right;
padding: 5px 10px;
padding-right: 28px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border: 0px solid #d1d1d1;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
}
.wikitopikstext span:hover{
  background: url(images/staroff.png) no-repeat right;
  color: gray;
}
.wikitopikstext {
height: 8px;
margin-top: 25px;
margin-right: 20px;
margin-left: 20px;
}


حالا اینو به جایی که میخوای نمیایش داده بشه اضافه کن ( معمولا تو header میزارن )

<div id="best_box">
<div class="bestuser" title="به صورت ماهیانه در این سایت نظرسنجی ایجاد میشود و برترین کاربر ماه انتخاب شده و مشخصات کاربر در این قسمت به عنوان هدیه به مدت یکماه یعنی تا انتخاب کاربر برتر ماه آینده قرار میگیرد . شما هم میتوانید کاربر برتر باشید">
<div class="beststop"><span>برترین کاربر ماه</span></div>
<div class="bestuseravatar"><a href="User Profile Link"><img src="http://community.mybbco.ir/uploads/avatars/avatar_339.jpg?dateline=1399647840" alt="" height="104px" width="80px" /></a></div>
<div class="bestusertext">
<center><a href="User Profile Link"><span style="color: #46D1DB;text-shadow:0px 0px 3px;"><strong>User</strong></span></a></center>
<br/>
<center><span>روابط عمومی</span></center>
<br/>
<center><a href="User Profile Link" target="blank"><span>پروفایل</span></a></center>
</div>
</div>
<div class="wikitopiks">
<div class="beststop2"><span>تاپیکهای مهم</span></div>
<div class="wikitopikstext">
<table width="100%" border="0">
<tr>
<td width="35%"><a href="Link" ><span style="float: right;">تاپیکهای مهم 1</span></a></td>
<td width="35%"><a href="Link" ><span style="float: right;">تاپیکهای مهم 2</span></a></td>
<td width="35%"><a href="Link" ><span style="float: right;">تاپیکهای مهم 3</span></a></td>
</tr>
</table>
</div>
<div class="wikitopikstext">
<table width="100%" border="0">
<tr>
<td width="35%"><a href="Link" ><span style="float: right;">تاپیکهای مهم 4</span></a></td>
<td width="35%"><a href="Link" ><span style="float: right;">تاپیکهای مهم 5</span></a></td>
<td width="35%"><a href="Link" ><span style="float: right;">تاپیکهای مهم 6</span></a></td>
</tr>
</table>
</div>
</div>
</div>

تمام

تعداد ارسال ها : 38
ارسال: 4
درود عالی ممنون فقط اینو سبزشو محبت میکنید دوستان گرافیست رنگشو سبز ست قالبم بکنند ممنون میشم

image

آدرس انجمن
http://forum.p30today.com
تعداد ارسال ها : 189
ارسال: 5
(2015-04-22T19:56:14+00:00 2015-04-22T19:56:14+00:00)p30today2014 نوشته :  درود عالی ممنون فقط اینو سبزشو محبت میکنید دوستان گرافیست رنگشو سبز ست قالبم بکنند ممنون میشم

image

آدرس انجمن
http://forum.p30today.com

بفرمایید
image

برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :