reza_mirzapour2002

جاگذاری لوگو

5 پست در این موضوع

سلام

من میخوام توی جوملا 2.5 در قسمت هدر سایت لوگو بذارم .

و کد template رو هم آوردم .

ممنون میشم کمک کنید :

body {

overflow-x:hidden;

position:relative;

font-family: tahoma;

line-height:18px;

font-size:12px;

background-color:#fff;

color:#333;

background-image: url(../images/mw_bg.png);

background-position:top right;

background-repeat:repeat;

}

#modernweb {

direction:rtl;

text-align:right;

margin:0 auto;

}

#mw_1_modernweb {

position:relative;

height:80px;

background-color:#226397;

-webkit-box-shadow: 0px 0px 5px 1px #ccc;

box-shadow: 0px 0px 5px 1px #ccc;

}

#mw_1 {

position:relative;

width:980px;

height:80px;

margin:0 auto;

}

#mw_menu {

float:right;

height:80px;

width:700px;

}

.sticky #mw_1{

position:fixed;

width :100%;

z-index:9999;

height:80px;

background-color:#226397;

-webkit-box-shadow: 0px 0px 5px 1px #ccc;

box-shadow: 0px 0px 5px 1px #ccc;

background-image: url(../images/mw_bg1.png);

background-position:top right;

background-repeat:repeat;

}

.sticky #mw_menu {

margin-right:12px;

}

#mw_logo {

float:right;

height:80px;

width:280px;

}

.mw_logo {

text-align:center;

font-family:google;

color:#2b4d7a;

font-size:60px;

font-weight:100;

line-height:60px;

text-shadow:2px 2px 1px #CCC;

}

#mw_2_modernweb {

position:relative;

}

#mw_2 {

position:right;

width:980px;

height:370px;

margin:0 auto;

}

#mw_slideshow {

float:right;

width:980px;

height:330px;

margin-top:20px;

overflow:hidden;

}

#mw_3_modernweb {

position:relative;

height:auto;

}

#mw_3 {

position:relative;

width:980px;

height:270px;

margin:0 auto;

}

#mw_top_01 {

float:right;

width:230px;

height:250px;

margin-top:20px;

background-color:#fff;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

}

#mw_top_02 {

float:left;

width:230px;

height:250px;

margin-right:20px;

margin-top:20px;

background-color:#fff;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

}

#mw_top_03 {

float:left;

width:230px;

height:250px;

margin-right:20px;

margin-top:20px;

background-color:#fff;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

}

#mw_top_04 {

float:left;

width:230px;

height:250px;

margin-right:20px;

margin-top:20px;

background-color:#fff;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

}

#mw_3 .moduletable {

width:90%;

margin:0 auto;

overflow:hidden;

}

#mw_3 .moduletable h3 {

color:#000;

margin:10px 0px;

font-family:BBardiya;

text-align:center;

}

#mw_3 .moduletable ul li {

line-height:22px;

margin-bottom:1px;

padding-bottom:2px;

-webkit-transition:all 0.3s ease-out;

-moz-transition:all 0.3s ease-out;

-ms-transition:all 0.3s ease-out;

-o-transition:all 0.3s ease-out;

transition:all 0.3s ease-out;

}

#mw_3 .moduletable ul li:hover {

line-height:22px;

margin-bottom:1px;

padding-bottom:2px;

padding-right:5px;

-webkit-transition:all 0.3s ease-out;

-moz-transition:all 0.3s ease-out;

-ms-transition:all 0.3s ease-out;

-o-transition:all 0.3s ease-out;

transition:all 0.3s ease-out;

}

#mw_3 .moduletable ul li a{

color:#8d8d8d;

}

#mw_3 .moduletable ul li:hover a {

color:#0063a1;

}

#mw_4_modernweb {

position:relative;

}

#mw_4 {

position:relative;

width:980px;

margin:0 auto;

margin-top:20px;

}

#mw_content {

float:left;

width:500px;

}

#mw_component {

width:470px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_comtop {

width:470px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_combot {

width:470px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_content_mid {

float:left;

width:740px;

}

#mw_content_mid #mw_component {

width:710px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_content_mid #mw_comtop {

width:710px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_content_mid #mw_combot {

width:710px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_content_full {

float:left;

width:980px;

}

#mw_content_full #mw_component {

width:950px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_content_full #mw_comtop {

width:950px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_content_full #mw_combot {

width:950px;

padding:15px 15px 40px 15px;

background-color:#fff;

border:1px #d8d8d8 solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

margin-bottom:20px;

overflow:hidden;

}

#mw_left {

float:left;

width:220px;

margin-right:20px;

}

#mw_right {

float:right;

width:220px;

margin-left:20px;

}

#mw_right .module ,#mw_right .module_menu ,#mw_left .module ,#mw_left .module_menu {

width:220px;

margin-bottom:20px;

background-color:#fff;

border:1px #dddddd solid;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

}

#mw_right .module h3 ,#mw_right .module_menu h3 ,#mw_left .module h3 ,#mw_left .module_menu h3 {

font-size:20px;

margin-bottom:10px;

}

#mw_right #mod_module ,#mw_left #mod_module {

width:200px;

margin:0 auto;

margin-bottom:20px;

overflow:hidden;

}

#mw_right .module_menu ul li ,#mw_left .module_menu ul li {

border-bottom:1px #d8d8d8 solid;

padding-top:3px;

padding-bottom:5px;

line-height:20px;

}

#mw_right .module_menu ul ul ,#mw_left .module_menu ul ul {

margin:5px 10px 5px 0px;

}

#mw_right .module_menu ul ul li ,#mw_left .module_menu ul ul li {

border-bottom:none;

line-height:10px;

font-size:10px;

}

#mw_5_modernweb {

position:relative;

clear:both;

}

#mw_5 {

position:relative;

width:980px;

height:230px;

margin:0 auto;

}

#mw_bottom_01 {

float:right;

width:230px;

height:210px;

margin-bottom:20px;

background-color:#fff;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

overflow:hidden;

}

#mw_bottom_02 {

float:left;

width:230px;

height:210px;

margin-right:20px;

margin-bottom:20px;

background-color:#fff;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

overflow:hidden;

}

#mw_bottom_03 {

float:left;

width:230px;

height:210px;

margin-right:20px;

margin-bottom:20px;

background-color:#fff;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

overflow:hidden;

}

#mw_bottom_04 {

float:left;

width:230px;

height:210px;

margin-right:20px;

margin-bottom:20px;

background-color:#fff;

-webkit-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0px 0px 5px 0px #dddddd;

box-shadow: 0px 0px 5px 0px #dddddd;

overflow:hidden;

}

#mw_5 .moduletable {

width:90%;

margin:0 auto;

overflow:hidden;

}

#mw_5 .moduletable h3 {

color:#000;

margin:10px 0px;

font-family:BBardiya;

}

#mw_5 .moduletable ul li {

line-height:22px;

margin-bottom:1px;

padding-bottom:2px;

-webkit-transition:all 0.3s ease-out;

-moz-transition:all 0.3s ease-out;

-ms-transition:all 0.3s ease-out;

-o-transition:all 0.3s ease-out;

transition:all 0.3s ease-out;

}

#mw_5 .moduletable ul li:hover {

line-height:22px;

margin-bottom:1px;

padding-bottom:2px;

padding-right:5px;

-webkit-transition:all 0.3s ease-out;

-moz-transition:all 0.3s ease-out;

-ms-transition:all 0.3s ease-out;

-o-transition:all 0.3s ease-out;

transition:all 0.3s ease-out;

}

#mw_5 .moduletable ul li a{

color:#8d8d8d;

}

#mw_5 .moduletable ul li:hover a {

color:#0063a1;

}

#mw_6_modernweb {

position:relative;

height:70px;

padding-top:30px;

clear:both;

}

#mw_6 {

position:relative;

width:980px;

height:40px;

margin:0 auto;

background-image: url(../images/mw_footer.png);

background-position:top center;

background-repeat:no-repeat;

}

.mw_footer {

line-height:20px;

text-align:center;

font-family:google;

font-size:11px;

padding-top:20px;

padding-right:10px;

}

.mw_footer a {

color:#999999;

}

.mw_footer a:hover {

color:#0063a1;

}

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

سلام صابر جان

توی همون سمت چپ یه نوشته بود به جای لوگو که من پاکش کردم . لوگو نداشت

Share this post


Link to post
Share on other sites

به مدیریت قالب برید قالبها معمولا از مدیریتشون گزینه دارن که میشه انتخاب کرد لوگو نوشته باشه یا تصویر باشه

مدیریت قالبتون رو چک کنید ببینید چه طور هستش...

آدرس سایتتونم بذارید تا موقعیتهای قالب رو چک کنیم

Share this post


Link to post
Share on other sites

شما میتونین در قالبتون یه

<div class> ایجاد کنید بعد اونو تو css فراخوانی کنید دیگه اینهمه هم وقت برا گشتن نذارید

<div class="logo"></div>

فرخوانی کلاس لوگو در css

.logo{
background:url();
}

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری