هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
در خواست راهنمایی جهت تغیرات در پوسته
#21
فورلیو جان اونوقت به نظرت اونی که میگی کار میکنه اگر جایگذاری کنی؟
اون استایل هاش به درد می خوره اما کد هدرش اصلا به درد نمیخوره چون مطمئنم چیز میزونی نیست...انگار که داری استاتیک کار میکنی و این مناسب یه انجمن نیست.از طرفی هم اگر بخوای از اون کد هاش استفاده کنی تولیپ هاش درست لود نمیشه.سرچ باکس کار نمیکنه و خیلی مشکلات دیگه.
اونی که توی اونجا میبینید باز کد شده روش.توی کداش تغییرات داده شده.
مافعلا داریم میگیم که چطوری به اون شکل دربیاد و شبیه ش بشه.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطQasemi1985 (۱۳۹۲/۹/۱۲، ۰۰:۴۷:۱۷ صبح)
#22
(۱۳۹۲/۹/۱۲، ۰۰:۱۴:۲۶ صبح)firstboy000 نوشته است: واقعا معذرت میخوام این کد رو هم توی گلوبال قرار بدید.
کد:
}
.menu {
  font-family:BBardiya;
margin-left:190px;
float:left;
margin-top:33px;
}
.menu li{
display:block;
height:110px;
}

.menu a:link {
font-size:30px;
transition: all 0.5s ease-in-out;
padding:28.5px 55px;
background: #860000;    color: #00ffd2;
    text-decoration: none;

}
.menu a:visited {
    color: #00ffd2;
    text-decoration: none;
}

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

بازم اون شکلی نشد
لطفا ببینید چطوری شده
درضمن نمیشه از همین سایت پارس جوم کدها رو برداریم که دقیقا شبیه همون بشه
پاسخ
#23
سلام

این که خیلی سادست

شما این کدها رو درون گلوبال قرار بدید
کد php:
body{font-family:TahomaGenevasans-serif;
}
.
top-box {
    
width100%;
    
displayblock;
    
margin-bottom15px;
    
clearboth;
}
#search-box {
    
floatleft;
    
displayblock;
    
width265px;
    
margin-top0px;
}

#search-box li {
    
displayblock;
}

.
search-textbox {
    
border1px solid #E4E4E4;
    
background#FFF;
    
height26px;
    
padding2px 5px 0 0;
    
width180px;
}

.
search-button {
    
backgroundurl(images/search-button.gifno-repeat;
    
width30px;
    
height30px;
    
border0px;
    
margin-right45px;
    
margin-top: -30px;
    
cursorpointer;
    
floatleft;
}


.
adv-button {
    
background#FFF url(images/adv-search.gif) no-repeat;
    
width30px;
    
height30px;
}
#social-box {
    
floatright;
    
displayblock;
    
width120px;
}

#social-box a {
    
floatright;
    
margin-left10px;
}
.
clear {
    
clearboth;
}
.
logo {
    
floatright;
    
displayblock;
    
width560px;
    
height120px;
    
background-color#43A6DF;
}

.
metro-nav {
    
width390px;
    
floatleft;
    
margin0;
    
margin-right: -50px;
    list-
stylenone;
}

.
metro-nav li {
    
floatleft;
    
margin-right10px;
    
displayblock;
    
width120px;
    
height120px;
}

.
metro-nav li a {
    
displayblock;
    
text-aligncenter;
    
color#FFF;
    
margin85px auto 0 auto;
}
#calendar {
    
background#43A6DF url(images/calendar.png) 50% 30% no-repeat;
}

#help {
    
background#2E3539 url(images/help.png) 50% 30% no-repeat;
}

#memberlist {
    
background#43A6DF url(images/memberlist.png) 50% 30% no-repeat;
}
#google {
    
backgroundurl(images/google.gifno-repeat;
    
width30px;
    
height30px;
    
displayblock;
}

#facebook {
    
backgroundurl(images/facebook.gifno-repeat;
    
width30px;
    
height30px;
    
displayblock;
}

#twitter {
    
backgroundurl(images/twitter.gifno-repeat;
    
width30px;
    
height30px;
    
displayblock;
}




/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 *     1) body (:after)
 *     2) arrow (:before)
 * 
 * Classes added:
 *     1) hint
 */
.hint, [data-hint] {
  
positionrelative;
  
displayinline-block;
  
/**
     * tooltip arrow
     */
  /**
     * tooltip body
     */ 
}
  .
hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    
positionabsolute;
    
visibilityhidden;
    
opacity0;
    
z-index1000000;
    
pointer-eventsnone;
    -
webkit-transition0.3s ease;
    -
moz-transition0.3s ease;
    
transition0.3s ease; }
  .
hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    
visibilityvisible;
    
opacity1; }
  .
hint:before, [data-hint]:before {
    
content'';
    
positionabsolute;
    
backgroundtransparent;
    
border6px solid transparent;
    
z-index1000001; }
  .
hint:after, [data-hint]:after {
    
contentattr(data-hint);
    
background#383838;
    
colorwhite;
    
text-shadow-1px 0px black;
    
padding8px 10px;
    
font-size12px;
    
line-height12px;
    
white-spacenowrap;
    
box-shadow4px 4px 8px rgba(0000.3); }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 * 
 * Classes added:
 *     1) hint--top
 *     2) hint--bottom
 *     3) hint--left
 *     4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:before {
  
border-top-color#383838; }

.hint--bottom:before {
  
border-bottom-color#383838; }

.hint--left:before {
  
border-left-color#383838; }

.hint--right:before {
  
border-right-color#383838; }

/**
 * top tooltip
 */
.hint--top:before {
  
margin-bottom: -12px; }
.
hint--top:after {
  
margin-left: -18px; }
.
hint--top:before, .hint--top:after {
  
bottom100%;
  
left50%; }
.
hint--top:hover:before, .hint--top:hover:after {
  -
webkit-transformtranslateY(-8px);
  -
moz-transformtranslateY(-8px);
  
transformtranslateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  
margin-top: -12px; }
.
hint--bottom:after {
  
margin-left: -18px; }
.
hint--bottom:before, .hint--bottom:after {
  
top100%;
  
left50%; }
.
hint--bottom:hover:before, .hint--bottom:hover:after {
  -
webkit-transformtranslateY(8px);
  -
moz-transformtranslateY(8px);
  
transformtranslateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  
margin-left: -12px;
  
margin-bottom: -6px; }
.
hint--right:after {
  
margin-bottom: -14px; }
.
hint--right:before, .hint--right:after {
  
left100%;
  
bottom50%; }
.
hint--right:hover:before, .hint--right:hover:after {
  -
webkit-transformtranslateX(8px);
  -
moz-transformtranslateX(8px);
  
transformtranslateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  
margin-right: -12px;
  
margin-bottom: -6px; }
.
hint--left:after {
  
margin-bottom: -14px; }
.
hint--left:before, .hint--left:after {
  
right100%;
  
bottom50%; }
.
hint--left:hover:before, .hint--left:hover:after {
  -
webkit-transformtranslateX(-8px);
  -
moz-transformtranslateX(-8px);
  
transformtranslateX(-8px); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 * 
 * Classes added:
 *     1) hint--error
 *     2) hint--warning
 *     3) hint--info
 *     4) hint--success
 *     
 */
/**
 * Error
 */
.hint--error:after {
  
background-color#b34e4d;
  
text-shadow-1px 0px #5a2626; }
.hint--error.hint--top:before {
  
border-top-color#b34e4d; }
.hint--error.hint--bottom:before {
  
border-bottom-color#b34e4d; }
.hint--error.hint--left:before {
  
border-left-color#b34e4d; }
.hint--error.hint--right:before {
  
border-right-color#b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
  
background-color#c09854;
  
text-shadow-1px 0px #6d5228; }
.hint--warning.hint--top:before {
  
border-top-color#c09854; }
.hint--warning.hint--bottom:before {
  
border-bottom-color#c09854; }
.hint--warning.hint--left:before {
  
border-left-color#c09854; }
.hint--warning.hint--right:before {
  
border-right-color#c09854; }

/**
 * Info
 */
.hint--info:after {
  
background-color#3986ac;
  
text-shadow-1px 0px #193c4c; }
.hint--info.hint--top:before {
  
border-top-color#3986ac; }
.hint--info.hint--bottom:before {
  
border-bottom-color#3986ac; }
.hint--info.hint--left:before {
  
border-left-color#3986ac; }
.hint--info.hint--right:before {
  
border-right-color#3986ac; }

/**
 * Success
 */
.hint--success:after {
  
background-color#458746;
  
text-shadow-1px 0px #1a331a; }
.hint--success.hint--top:before {
  
border-top-color#458746; }
.hint--success.hint--bottom:before {
  
border-bottom-color#458746; }
.hint--success.hint--left:before {
  
border-left-color#458746; }
.hint--success.hint--right:before {
  
border-right-color#458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 * 
 * Classes added:
 *     1) hint--always
 *     
 */
.hint--always:after, .hint--always:before {
  
opacity1;
  
visibilityvisible; }
.
hint--always.hint--top:after, .hint--always.hint--top:before {
  -
webkit-transformtranslateY(-8px);
  -
moz-transformtranslateY(-8px);
  
transformtranslateY(-8px); }
.
hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -
webkit-transformtranslateY(8px);
  -
moz-transformtranslateY(8px);
  
transformtranslateY(8px); }
.
hint--always.hint--left:after, .hint--always.hint--left:before {
  -
webkit-transformtranslateX(-8px);
  -
moz-transformtranslateX(-8px);
  
transformtranslateX(-8px); }
.
hint--always.hint--right:after, .hint--always.hint--right:before {
  -
webkit-transformtranslateX(8px);
  -
moz-transformtranslateX(8px);
  
transformtranslateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 * 
 * Classes added:
 *     1) hint--rounded
 *  
 */
.hint--rounded:after {
  
border-radius4px; } 

کد های زیر رو درون قالب هدر قرار بدید
کد php:
<div class="top-box">

<
ul id="search-box">

<
li style="float: right; width: 225px;">
<
form method="post" action="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}">
<input name="
action" value="do_search" type="hidden">
<input name="
postthread" value="1" type="hidden">
<input name="
forums" value="all" type="hidden">
<input name="
showresults" value="threads" type="hidden">
<input class="
search-textbox" name="keywords" value="" type="text" size="50">
<input class="
search-button" value="" data-hint="جستجو" align="right"   type="submit" title="بگرد">

</form>

</li>

<li style="
floatleft;"><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}class="adv-button hint--bottom" data-hint="جستجو پیشرفته">&nbsp;</a></li>

</
ul>


<
div id="social-box">

<
a href="" id="google" class="hint--bottom" data-hint="گوگل پلاس">&nbsp;</a>
<
a href="" id="facebook" class="hint--bottom hint--info" data-hint="فیسبوک">&nbsp;</a>
<
a href="" id="twitter" class="hint--bottom" data-hint="توییتر">&nbsp;</a>

</
div>

</
div>

<
br class="clear" />

<
div class="logo"><a href="{$mybb->settings['bburl']}"><img src="images/logo.png" alt="" /></a></div>

<
ul class="metro-nav">
<
li id="calendar"><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}" title="سالنامه">سالنامه</a></li>
<li id="
help"><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}title="راهنما">راهنما</a></li>
<
li id="memberlist"><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}" title="لیست اعضا">لیست اعضا</a></li>
</ul>

<br class="
clear" /> 

عکسها رو از لینک روبرو بردارید و درون پوشه Images در هاست بریزید http://up-is.ir/do.php?filename=1386011773411.zip

به همین راحتی ، البته اگر میخواید مثل سایت زیر بشه ، درضمن کدها رو آنلاین هم تست کردم خیالت راحت باشه Smile

http://www.forums.parsjoom.ir

موفق باشید
پاسخ
 سپاس شده توسطAmin Yaghubi (۱۳۹۲/۹/۱۲، ۰۹:۵۰:۵۰ صبح) ، Qasemi1985 (۱۳۹۲/۹/۱۲، ۱۰:۱۰:۱۵ صبح) ، firstboy000 (۱۳۹۲/۹/۱۲، ۱۴:۰۴:۳۸ عصر)
#24
(۱۳۹۲/۹/۱۲، ۰۴:۵۵:۲۶ صبح)Gh-Moradi نوشته است: سلام

این که خیلی سادست

شما این کدها رو درون گلوبال قرار بدید
کد php:
body{font-family:TahomaGenevasans-serif;
}
.
top-box {
    
width100%;
    
displayblock;
    
margin-bottom15px;
    
clearboth;
}
#search-box {
    
floatleft;
    
displayblock;
    
width265px;
    
margin-top0px;
}

#search-box li {
    
displayblock;
}

.
search-textbox {
    
border1px solid #E4E4E4;
    
background#FFF;
    
height26px;
    
padding2px 5px 0 0;
    
width180px;
}

.
search-button {
    
backgroundurl(images/search-button.gifno-repeat;
    
width30px;
    
height30px;
    
border0px;
    
margin-right45px;
    
margin-top: -30px;
    
cursorpointer;
    
floatleft;
}


.
adv-button {
    
background#FFF url(images/adv-search.gif) no-repeat;
    
width30px;
    
height30px;
}
#social-box {
    
floatright;
    
displayblock;
    
width120px;
}

#social-box a {
    
floatright;
    
margin-left10px;
}
.
clear {
    
clearboth;
}
.
logo {
    
floatright;
    
displayblock;
    
width560px;
    
height120px;
    
background-color#43A6DF;
}

.
metro-nav {
    
width390px;
    
floatleft;
    
margin0;
    
margin-right: -50px;
    list-
stylenone;
}

.
metro-nav li {
    
floatleft;
    
margin-right10px;
    
displayblock;
    
width120px;
    
height120px;
}

.
metro-nav li a {
    
displayblock;
    
text-aligncenter;
    
color#FFF;
    
margin85px auto 0 auto;
}
#calendar {
    
background#43A6DF url(images/calendar.png) 50% 30% no-repeat;
}

#help {
    
background#2E3539 url(images/help.png) 50% 30% no-repeat;
}

#memberlist {
    
background#43A6DF url(images/memberlist.png) 50% 30% no-repeat;
}
#google {
    
backgroundurl(images/google.gifno-repeat;
    
width30px;
    
height30px;
    
displayblock;
}

#facebook {
    
backgroundurl(images/facebook.gifno-repeat;
    
width30px;
    
height30px;
    
displayblock;
}

#twitter {
    
backgroundurl(images/twitter.gifno-repeat;
    
width30px;
    
height30px;
    
displayblock;
}




/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 *     1) body (:after)
 *     2) arrow (:before)
 * 
 * Classes added:
 *     1) hint
 */
.hint, [data-hint] {
  
positionrelative;
  
displayinline-block;
  
/**
     * tooltip arrow
     */
  /**
     * tooltip body
     */ 
}
  .
hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    
positionabsolute;
    
visibilityhidden;
    
opacity0;
    
z-index1000000;
    
pointer-eventsnone;
    -
webkit-transition0.3s ease;
    -
moz-transition0.3s ease;
    
transition0.3s ease; }
  .
hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    
visibilityvisible;
    
opacity1; }
  .
hint:before, [data-hint]:before {
    
content'';
    
positionabsolute;
    
backgroundtransparent;
    
border6px solid transparent;
    
z-index1000001; }
  .
hint:after, [data-hint]:after {
    
contentattr(data-hint);
    
background#383838;
    
colorwhite;
    
text-shadow-1px 0px black;
    
padding8px 10px;
    
font-size12px;
    
line-height12px;
    
white-spacenowrap;
    
box-shadow4px 4px 8px rgba(0000.3); }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 * 
 * Classes added:
 *     1) hint--top
 *     2) hint--bottom
 *     3) hint--left
 *     4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:before {
  
border-top-color#383838; }

.hint--bottom:before {
  
border-bottom-color#383838; }

.hint--left:before {
  
border-left-color#383838; }

.hint--right:before {
  
border-right-color#383838; }

/**
 * top tooltip
 */
.hint--top:before {
  
margin-bottom: -12px; }
.
hint--top:after {
  
margin-left: -18px; }
.
hint--top:before, .hint--top:after {
  
bottom100%;
  
left50%; }
.
hint--top:hover:before, .hint--top:hover:after {
  -
webkit-transformtranslateY(-8px);
  -
moz-transformtranslateY(-8px);
  
transformtranslateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  
margin-top: -12px; }
.
hint--bottom:after {
  
margin-left: -18px; }
.
hint--bottom:before, .hint--bottom:after {
  
top100%;
  
left50%; }
.
hint--bottom:hover:before, .hint--bottom:hover:after {
  -
webkit-transformtranslateY(8px);
  -
moz-transformtranslateY(8px);
  
transformtranslateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  
margin-left: -12px;
  
margin-bottom: -6px; }
.
hint--right:after {
  
margin-bottom: -14px; }
.
hint--right:before, .hint--right:after {
  
left100%;
  
bottom50%; }
.
hint--right:hover:before, .hint--right:hover:after {
  -
webkit-transformtranslateX(8px);
  -
moz-transformtranslateX(8px);
  
transformtranslateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  
margin-right: -12px;
  
margin-bottom: -6px; }
.
hint--left:after {
  
margin-bottom: -14px; }
.
hint--left:before, .hint--left:after {
  
right100%;
  
bottom50%; }
.
hint--left:hover:before, .hint--left:hover:after {
  -
webkit-transformtranslateX(-8px);
  -
moz-transformtranslateX(-8px);
  
transformtranslateX(-8px); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 * 
 * Classes added:
 *     1) hint--error
 *     2) hint--warning
 *     3) hint--info
 *     4) hint--success
 *     
 */
/**
 * Error
 */
.hint--error:after {
  
background-color#b34e4d;
  
text-shadow-1px 0px #5a2626; }
.hint--error.hint--top:before {
  
border-top-color#b34e4d; }
.hint--error.hint--bottom:before {
  
border-bottom-color#b34e4d; }
.hint--error.hint--left:before {
  
border-left-color#b34e4d; }
.hint--error.hint--right:before {
  
border-right-color#b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
  
background-color#c09854;
  
text-shadow-1px 0px #6d5228; }
.hint--warning.hint--top:before {
  
border-top-color#c09854; }
.hint--warning.hint--bottom:before {
  
border-bottom-color#c09854; }
.hint--warning.hint--left:before {
  
border-left-color#c09854; }
.hint--warning.hint--right:before {
  
border-right-color#c09854; }

/**
 * Info
 */
.hint--info:after {
  
background-color#3986ac;
  
text-shadow-1px 0px #193c4c; }
.hint--info.hint--top:before {
  
border-top-color#3986ac; }
.hint--info.hint--bottom:before {
  
border-bottom-color#3986ac; }
.hint--info.hint--left:before {
  
border-left-color#3986ac; }
.hint--info.hint--right:before {
  
border-right-color#3986ac; }

/**
 * Success
 */
.hint--success:after {
  
background-color#458746;
  
text-shadow-1px 0px #1a331a; }
.hint--success.hint--top:before {
  
border-top-color#458746; }
.hint--success.hint--bottom:before {
  
border-bottom-color#458746; }
.hint--success.hint--left:before {
  
border-left-color#458746; }
.hint--success.hint--right:before {
  
border-right-color#458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 * 
 * Classes added:
 *     1) hint--always
 *     
 */
.hint--always:after, .hint--always:before {
  
opacity1;
  
visibilityvisible; }
.
hint--always.hint--top:after, .hint--always.hint--top:before {
  -
webkit-transformtranslateY(-8px);
  -
moz-transformtranslateY(-8px);
  
transformtranslateY(-8px); }
.
hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -
webkit-transformtranslateY(8px);
  -
moz-transformtranslateY(8px);
  
transformtranslateY(8px); }
.
hint--always.hint--left:after, .hint--always.hint--left:before {
  -
webkit-transformtranslateX(-8px);
  -
moz-transformtranslateX(-8px);
  
transformtranslateX(-8px); }
.
hint--always.hint--right:after, .hint--always.hint--right:before {
  -
webkit-transformtranslateX(8px);
  -
moz-transformtranslateX(8px);
  
transformtranslateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 * 
 * Classes added:
 *     1) hint--rounded
 *  
 */
.hint--rounded:after {
  
border-radius4px; } 

کد های زیر رو درون قالب هدر قرار بدید
کد php:
<div class="top-box">

<
ul id="search-box">

<
li style="float: right; width: 225px;">
<
form method="post" action="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}">
<input name="
action" value="do_search" type="hidden">
<input name="
postthread" value="1" type="hidden">
<input name="
forums" value="all" type="hidden">
<input name="
showresults" value="threads" type="hidden">
<input class="
search-textbox" name="keywords" value="" type="text" size="50">
<input class="
search-button" value="" data-hint="جستجو" align="right"   type="submit" title="بگرد">

</form>

</li>

<li style="
floatleft;"><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}class="adv-button hint--bottom" data-hint="جستجو پیشرفته">&nbsp;</a></li>

</
ul>


<
div id="social-box">

<
a href="" id="google" class="hint--bottom" data-hint="گوگل پلاس">&nbsp;</a>
<
a href="" id="facebook" class="hint--bottom hint--info" data-hint="فیسبوک">&nbsp;</a>
<
a href="" id="twitter" class="hint--bottom" data-hint="توییتر">&nbsp;</a>

</
div>

</
div>

<
br class="clear" />

<
div class="logo"><a href="{$mybb->settings['bburl']}"><img src="images/logo.png" alt="" /></a></div>

<
ul class="metro-nav">
<
li id="calendar"><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}" title="سالنامه">سالنامه</a></li>
<li id="
help"><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}title="راهنما">راهنما</a></li>
<
li id="memberlist"><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}" title="لیست اعضا">لیست اعضا</a></li>
</ul>

<br class="
clear" /> 

عکسها رو از لینک روبرو بردارید و درون پوشه Images در هاست بریزید http://up-is.ir/do.php?filename=1386011773411.zip

به همین راحتی ، البته اگر میخواید مثل سایت زیر بشه ، درضمن کدها رو آنلاین هم تست کردم خیالت راحت باشه Smile

http://www.forums.parsjoom.ir

موفق باشید

ممنون ولی بازم نشد یعنی کلیت اومد ولی عرض قالب به اندازه کل صفحه مرورگر شد که هرچی در قسمت container عرض رو کم کردم نشد و رنگ قسمت بگ گراند سایت که از قسمت container مشخص میشه هم از بین رفت
من کدهای گلوبال سایتم رو میذارم شاید یک سری کدها هم خوانی نداره که این مشکل بوجو میاد ممنون میشم بررسی بفرمایید
کد گلوبال پوسته سایت من
کد:
body {
    background: #c26f1e;
    color: #000;
    text-align: center;
    line-height: 1.4;
    
    font-family: Tahoma;
    font-size: 12px;
}

a:link {
    color: #026CB1;
    text-decoration: none;
}

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

a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#container {
    background: #fff;
    width: 960px;
    color: #000000;
    border: 1px solid #e4e4e4;
    margin: auto auto;
    padding: 8px;
    text-align: right;
    direction: rtl;
}

#content {
    width: auto !important;
}

.menu ul {
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-align: right;
    padding: 8px;
}

.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: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

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

table {
    color: #000000;
    font-family: Tahoma;
    font-size: 12px;
}

.tborder {
    background: #81A2C4;
    width: 100%;
    margin: auto auto;
    border: 1px solid #0F5C8E;
}

.thead {
    background: #242e31 url(images/thead_bg.gif) top left repeat-x;
    color: #ffffff;
}

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

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

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

.tcat {
    background:#50a8da;
    color: #000000;
    font-size: 12px;
}

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

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

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

.trow1 {
    background: #f5f5f5;
}

.trow2 {
    background: #EFEFEF;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #242e31 url(images/thead_bg.gif) top left repeat-x;
    color: #060621;
}

.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 {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

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

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

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

.navigation .active {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

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

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 1px;
    font-family: Tahoma;
    font-size: 12px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: Tahoma;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
    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: #000;
}

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

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.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/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;
}

.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-right: 5px;
}

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

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

.expcolimage {
    float: left;
    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 Tahoma;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
}

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

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

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

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

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    direction: ltr;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
}

.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: #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-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-left: 15px;
}

.thread_legend img {
    margin-left: 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;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    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;
    white-space: nowrap;
}

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

.button {
        font-family: Tahoma;
        font-size: 11px;
}

.subforumX{
float:right;width:50%;overflow:hidden;
}

درضمن من فقط میخام لوگو -لیست اعضا-راهنما- سالنامه سایتم شبیه این سایت (www.forums.parsjoom.ir)بشه
پاسخ
#25
این چیزی که شما میفرمایید امکان نداره !

فقط کافیه کدها رو درون تگ زیر بریزید ، درضمن باید تگ رو ببندید و گرنه هیچ عملیاتی انجام نمیشود
کد:
<div id="content">محتویات</div>

شما کد قالب هدر رو قرار بدید تا انجام بدم ، یک سوال: از کدام پوسته استفاده میکنید؟
پاسخ
#26
با سلام
این عکس قالبم وقتی کدها رو گذاشتم بهم ریخت
[تصویر:  test.png]
من از پوسته دیفالت مای بی بی استفاده میکنم
کد هدر
کد:
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['imgdir']}/modcp/home.gif" alt="" title="" />صفحه اصلی </a></li>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
{$newsmessage}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />
پاسخ
#27
میشه یک دسترسی از مدیر کل ارسال کنید دوست عزیز؟
اینطوری هم وقت گرفته میشه هم باعث گیج تر شدن میشه.اگر مدیریت درجا دستمون باشه بهتر میتونیم عمل کنیم.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطGh-Moradi (۱۳۹۲/۹/۱۲، ۱۷:۱۹:۰۶ عصر) ، Qasemi1985 (۱۳۹۲/۹/۱۲، ۱۷:۴۷:۰۲ عصر)
#28
بله درسته یک تگ رو جا انداخته بودم ، ببخشید Blush

روی پوسته دیفالت هم تست کردم ، فقط قبل از ذخیره کردن کدها در قالب حتما کدها رو درون نت پد بریزید و اگر جواب نگرفتید کش مرورگر رو خالی کنید ، خدمت شما :

کدهای قالب هدر:
کد:
<div id="container">
        <a name="top" id="top"></a>
<div class="top-box">

<ul id="search-box">

<li style="float: right; width: 225px;">
<form method="post" action="{$mybb->settings['bburl']}/search.php">
<input name="action" value="do_search" type="hidden">
<input name="postthread" value="1" type="hidden">
<input name="forums" value="all" type="hidden">
<input name="showresults" value="threads" type="hidden">
<input class="search-textbox" name="keywords" value="" type="text" size="30"  value="جستجو"  onfocus="if(this.value=='جستجو')this.value='';" onblur ="if(this.value=='')this.value='جستجو';">
<input class="search-button" value="" type="submit" title="بگرد">
</form>
</li>

<li style="float: left;"><a href="{$mybb->settings['bburl']}/search.php" class="adv-button hint--bottom" data-hint="جستجو پیشرفته">&nbsp;</a></li>

</ul>

<div id="social-box">

<a href="" id="google" class="hint--bottom" data-hint="گوگل پلاس">&nbsp;</a>
<a href="" id="facebook" class="hint--bottom hint--info" data-hint="فیسبوک">&nbsp;</a>
<a href="" id="twitter" class="hint--bottom" data-hint="توییتر">&nbsp;</a>

</div>

</div>

<br class="clear" />

<div class="logo"><a href="{$mybb->settings['bburl']}"><img src="images/logo.png" alt="" /></a></div>

<ul class="metro-nav">
<li id="calendar"><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li id="help"><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
<li id="memberlist"><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
</ul>

<br class="clear" />
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
{$aamessage}
            {$pending_joinrequests}
            <navigation>
            <br />


کدهای گلوبال :
کد:
body{font-family:Tahoma, Geneva, sans-serif;
}
.top-box {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    clear: both;
}
#search-box {
    float: left;
    display: block;
    width: 265px;
    margin-top: 0px;
}

#search-box li {
    display: block;
}

.search-textbox {
    border: 1px solid #E4E4E4;
    background: #FFF;
    height: 26px;
    padding: 2px 5px 0 0;
    width: 180px;
}

.search-button {
    background: url(images/search-button.gif) no-repeat;
    width: 30px;
    height: 30px;
    border: 0px;
    margin-right: 45px;
    margin-top: -30px;
    cursor: pointer;
    float: left;
}


.adv-button {
    background: #FFF url(images/adv-search.gif) no-repeat;
    width: 30px;
    height: 30px;
}
#social-box {
    float: right;
    display: block;
    width: 120px;
}

#social-box a {
    float: right;
    margin-left: 10px;
}
.clear {
    clear: both;
}
.logo {
    float: right;
    display: block;
    width: 560px;
    height: 120px;
    background-color: #43A6DF;
}

.metro-nav {
    width: 390px;
    float: left;
    margin: 0;
    margin-right: -50px;
    list-style: none;
}

.metro-nav li {
    float: left;
    margin-right: 10px;
    display: block;
    width: 120px;
    height: 120px;
}

.metro-nav li a {
    display: block;
    text-align: center;
    color: #FFF;
    margin: 85px auto 0 auto;
}
#calendar {
    background: #43A6DF url(images/calendar.png) 50% 30% no-repeat;
}

#help {
    background: #2E3539 url(images/help.png) 50% 30% no-repeat;
}

#memberlist {
    background: #43A6DF url(images/memberlist.png) 50% 30% no-repeat;
}
#google {
    background: url(images/google.gif) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
}

#facebook {
    background: url(images/facebook.gif) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
}

#twitter {
    background: url(images/twitter.gif) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
}




/**
* source: hint-core.scss
*
* Defines the basic styling for the tooltip.
* Each tooltip is made of 2 parts:
*     1) body (:after)
*     2) arrow (:before)
*
* Classes added:
*     1) hint
*/
.hint, [data-hint] {
  position: relative;
  display: inline-block;
  /**
     * tooltip arrow
     */
  /**
     * tooltip body
     */ }
  .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease; }
  .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    visibility: visible;
    opacity: 1; }
  .hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  .hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    text-shadow: 0 -1px 0px black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

/**
* source: hint-position.scss
*
* Defines the positoning logic for the tooltips.
*
* Classes added:
*     1) hint--top
*     2) hint--bottom
*     3) hint--left
*     4) hint--right
*/
/**
* set default color for tooltip arrows
*/
.hint--top:before {
  border-top-color: #383838; }

.hint--bottom:before {
  border-bottom-color: #383838; }

.hint--left:before {
  border-left-color: #383838; }

.hint--right:before {
  border-right-color: #383838; }

/**
* top tooltip
*/
.hint--top:before {
  margin-bottom: -12px; }
.hint--top:after {
  margin-left: -18px; }
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }
.hint--top:hover:before, .hint--top:hover:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
* bottom tooltip
*/
.hint--bottom:before {
  margin-top: -12px; }
.hint--bottom:after {
  margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }
.hint--bottom:hover:before, .hint--bottom:hover:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
* right tooltip
*/
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px; }
.hint--right:after {
  margin-bottom: -14px; }
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }
.hint--right:hover:before, .hint--right:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
* left tooltip
*/
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px; }
.hint--left:after {
  margin-bottom: -14px; }
.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%; }
.hint--left:hover:before, .hint--left:hover:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

/**
* source: hint-color-types.scss
*
* Contains tooltips of various types based on color differences.
*
* Classes added:
*     1) hint--error
*     2) hint--warning
*     3) hint--info
*     4) hint--success
*    
*/
/**
* Error
*/
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #5a2626; }
.hint--error.hint--top:before {
  border-top-color: #b34e4d; }
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d; }
.hint--error.hint--left:before {
  border-left-color: #b34e4d; }
.hint--error.hint--right:before {
  border-right-color: #b34e4d; }

/**
* Warning
*/
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6d5228; }
.hint--warning.hint--top:before {
  border-top-color: #c09854; }
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854; }
.hint--warning.hint--left:before {
  border-left-color: #c09854; }
.hint--warning.hint--right:before {
  border-right-color: #c09854; }

/**
* Info
*/
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #193c4c; }
.hint--info.hint--top:before {
  border-top-color: #3986ac; }
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac; }
.hint--info.hint--left:before {
  border-left-color: #3986ac; }
.hint--info.hint--right:before {
  border-right-color: #3986ac; }

/**
* Success
*/
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a331a; }
.hint--success.hint--top:before {
  border-top-color: #458746; }
.hint--success.hint--bottom:before {
  border-bottom-color: #458746; }
.hint--success.hint--left:before {
  border-left-color: #458746; }
.hint--success.hint--right:before {
  border-right-color: #458746; }

/**
* source: hint-always.scss
*
* Defines a persisted tooltip which shows always.
*
* Classes added:
*     1) hint--always
*    
*/
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }
.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }
.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }
.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
* source: hint-rounded.scss
*
* Defines rounded corner tooltips.
*
* Classes added:
*     1) hint--rounded
*  
*/
.hint--rounded:after {
  border-radius: 4px; }

و در آخر مقدار container هم بستگی به سلیقه خودتون داره

پاینده باشید
پاسخ
 سپاس شده توسطfirstboy000 (۱۳۹۲/۹/۱۲، ۱۷:۲۸:۱۹ عصر) ، Qasemi1985 (۱۳۹۲/۹/۱۲، ۱۷:۳۶:۲۸ عصر)
#29
firstboy عزیز منظور من رو متوجه نشدید.بنده ب ایشون نگفتم کد هدرشونو پاک کنن و جایگزین کنن!گفتم جایگذاری کنن!!!


یعنی منورو بردارن و ب جاش اونو بزار فکر کنم متوجه شده باشید
پاسخ
 سپاس شده توسطQasemi1985 (۱۳۹۲/۹/۱۲، ۱۷:۴۶:۵۳ عصر) ، firstboy000 (۱۳۹۲/۹/۱۲، ۱۸:۰۵:۰۰ عصر)
#30
ممنون دوستان بابت راهنمایهاتون
کدها رو جایگزاری کردم اینطوری شد
[تصویر:  test1.png]
عرض رو از container هم کم کردم ولی تاثیری نداشت
پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان