ارسالها: 3,729
موضوعها: 86
تاریخ عضویت: ۱۸ فروردين ۱۳۹۲
اعتبار:
255
فورلیو جان اونوقت به نظرت اونی که میگی کار میکنه اگر جایگذاری کنی؟
اون استایل هاش به درد می خوره اما کد هدرش اصلا به درد نمیخوره چون مطمئنم چیز میزونی نیست...انگار که داری استاتیک کار میکنی و این مناسب یه انجمن نیست.از طرفی هم اگر بخوای از اون کد هاش استفاده کنی تولیپ هاش درست لود نمیشه.سرچ باکس کار نمیکنه و خیلی مشکلات دیگه.
اونی که توی اونجا میبینید باز کد شده روش.توی کداش تغییرات داده شده.
مافعلا داریم میگیم که چطوری به اون شکل دربیاد و شبیه ش بشه.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
ارسالها: 106
موضوعها: 26
تاریخ عضویت: ۴ آبان ۱۳۹۲
اعتبار:
1
(۱۳۹۲/۹/۱۲، ۰۰:۱۴:۲۶ صبح)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;
}
بازم اون شکلی نشد
لطفا ببینید چطوری شده
درضمن نمیشه از همین سایت پارس جوم کدها رو برداریم که دقیقا شبیه همون بشه
سپاس شده توسط | |
|
ارسالها: 326
موضوعها: 25
تاریخ عضویت: ۳ شهريور ۱۳۹۲
اعتبار:
5
سلام
این که خیلی سادست
شما این کدها رو درون گلوبال قرار بدید
کد php: 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; }
کد های زیر رو درون قالب هدر قرار بدید
کد 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="float: left;"><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}" class="adv-button hint--bottom" data-hint="جستجو پیشرفته"> </a></li>
</ul>
<div id="social-box">
<a href="" id="google" class="hint--bottom" data-hint="گوگل پلاس"> </a> <a href="" id="facebook" class="hint--bottom hint--info" data-hint="فیسبوک"> </a> <a href="" id="twitter" class="hint--bottom" data-hint="توییتر"> </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
به همین راحتی ، البته اگر میخواید مثل سایت زیر بشه ، درضمن کدها رو آنلاین هم تست کردم خیالت راحت باشه
http://www.forums.parsjoom.ir
موفق باشید
ارسالها: 106
موضوعها: 26
تاریخ عضویت: ۴ آبان ۱۳۹۲
اعتبار:
1
(۱۳۹۲/۹/۱۲، ۰۴:۵۵:۲۶ صبح)Gh-Moradi نوشته است: سلام
این که خیلی سادست
شما این کدها رو درون گلوبال قرار بدید
کد php: 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; }
کد های زیر رو درون قالب هدر قرار بدید
کد 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="float: left;"><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}" class="adv-button hint--bottom" data-hint="جستجو پیشرفته"> </a></li>
</ul>
<div id="social-box">
<a href="" id="google" class="hint--bottom" data-hint="گوگل پلاس"> </a> <a href="" id="facebook" class="hint--bottom hint--info" data-hint="فیسبوک"> </a> <a href="" id="twitter" class="hint--bottom" data-hint="توییتر"> </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
به همین راحتی ، البته اگر میخواید مثل سایت زیر بشه ، درضمن کدها رو آنلاین هم تست کردم خیالت راحت باشه
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)بشه
سپاس شده توسط | |
|
ارسالها: 326
موضوعها: 25
تاریخ عضویت: ۳ شهريور ۱۳۹۲
اعتبار:
5
۱۳۹۲/۹/۱۲، ۱۳:۰۱:۴۱ عصر
(آخرین ویرایش: ۱۳۹۲/۹/۱۲، ۱۳:۱۶:۳۵ عصر، توسط Gh-Moradi.)
این چیزی که شما میفرمایید امکان نداره !
فقط کافیه کدها رو درون تگ زیر بریزید ، درضمن باید تگ رو ببندید و گرنه هیچ عملیاتی انجام نمیشود
کد: <div id="content">محتویات</div>
شما کد قالب هدر رو قرار بدید تا انجام بدم ، یک سوال: از کدام پوسته استفاده میکنید؟
سپاس شده توسط | |
|
ارسالها: 106
موضوعها: 26
تاریخ عضویت: ۴ آبان ۱۳۹۲
اعتبار:
1
۱۳۹۲/۹/۱۲، ۱۶:۱۱:۳۸ عصر
(آخرین ویرایش: ۱۳۹۲/۹/۱۲، ۱۶:۳۰:۰۰ عصر، توسط Qasemi1985.)
با سلام
این عکس قالبم وقتی کدها رو گذاشتم بهم ریخت
من از پوسته دیفالت مای بی بی استفاده میکنم
کد هدر
کد: <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 />
سپاس شده توسط | |
|
ارسالها: 3,729
موضوعها: 86
تاریخ عضویت: ۱۸ فروردين ۱۳۹۲
اعتبار:
255
میشه یک دسترسی از مدیر کل ارسال کنید دوست عزیز؟
اینطوری هم وقت گرفته میشه هم باعث گیج تر شدن میشه.اگر مدیریت درجا دستمون باشه بهتر میتونیم عمل کنیم.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
ارسالها: 326
موضوعها: 25
تاریخ عضویت: ۳ شهريور ۱۳۹۲
اعتبار:
5
بله درسته یک تگ رو جا انداخته بودم ، ببخشید
روی پوسته دیفالت هم تست کردم ، فقط قبل از ذخیره کردن کدها در قالب حتما کدها رو درون نت پد بریزید و اگر جواب نگرفتید کش مرورگر رو خالی کنید ، خدمت شما :
کدهای قالب هدر:
کد: <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="جستجو پیشرفته"> </a></li>
</ul>
<div id="social-box">
<a href="" id="google" class="hint--bottom" data-hint="گوگل پلاس"> </a>
<a href="" id="facebook" class="hint--bottom hint--info" data-hint="فیسبوک"> </a>
<a href="" id="twitter" class="hint--bottom" data-hint="توییتر"> </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 هم بستگی به سلیقه خودتون داره
پاینده باشید
ارسالها: 124
موضوعها: 0
تاریخ عضویت: ۱۷ ارديبهشت ۱۳۹۲
اعتبار:
2
firstboy عزیز منظور من رو متوجه نشدید.بنده ب ایشون نگفتم کد هدرشونو پاک کنن و جایگزین کنن!گفتم جایگذاری کنن!!!
یعنی منورو بردارن و ب جاش اونو بزار فکر کنم متوجه شده باشید
ارسالها: 106
موضوعها: 26
تاریخ عضویت: ۴ آبان ۱۳۹۲
اعتبار:
1
ممنون دوستان بابت راهنمایهاتون
کدها رو جایگزاری کردم اینطوری شد
عرض رو از container هم کم کردم ولی تاثیری نداشت
سپاس شده توسط | |
|
|