hamidreza66
پنج شنبه 20 خرداد 1389, 00:54 صبح
سلام
من به تازگی یه سایت با جوملا راه انداختم و میخوام از قالب راه شیری (همونی که وقتی نصب میشه باهاش هست) استفاده کنم.
بجای لوگوی جوملا که در بالا و سمت راست هست میخوام لوگوی من بالا سمت چپ باشه، هر کاری کردم نشد.
این کد html مربوط به لوگو
<div id="header">
<div id="header_l">
<div id="header_r">
<div id="logo"></div>
<jdoc:include type="modules" name="top" />
</div>
</div>
</div>
و اینم css مربوط به لوگو
div#header_l {
position: relative;
}
div#header_r {
height: 90px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}
div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}
من این کد رو کمی تغییر دادم به کد زیر:
div#header_l {
position: relative;
}
div#header_r {
height: 90px;
padding-left: 30px;
padding-right: 370px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}
div#logo {
position: relative;
left: 0;
top: 0;
float: left;
width: 375px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}
</div>
من به تازگی یه سایت با جوملا راه انداختم و میخوام از قالب راه شیری (همونی که وقتی نصب میشه باهاش هست) استفاده کنم.
بجای لوگوی جوملا که در بالا و سمت راست هست میخوام لوگوی من بالا سمت چپ باشه، هر کاری کردم نشد.
این کد html مربوط به لوگو
<div id="header">
<div id="header_l">
<div id="header_r">
<div id="logo"></div>
<jdoc:include type="modules" name="top" />
</div>
</div>
</div>
و اینم css مربوط به لوگو
div#header_l {
position: relative;
}
div#header_r {
height: 90px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}
div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}
من این کد رو کمی تغییر دادم به کد زیر:
div#header_l {
position: relative;
}
div#header_r {
height: 90px;
padding-left: 30px;
padding-right: 370px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}
div#logo {
position: relative;
left: 0;
top: 0;
float: left;
width: 375px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}
</div>