۱۳۹۲/۹/۱۲، ۱۰:۱۸:۵۰ صبح
(۱۳۹۲/۹/۱۲، ۰۴:۵۵:۲۶ صبح)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)بشه
