particular

راست چین کردن باکس جستجو

آغاز شده توسط: particular,

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

ارسال شده در

سلام

من میخوام جعبه ی جستجوی من راست چین باشه . لطفا راهنمایی بفرمایید چه ویرایشی بر روی کد زیر لازم است

<?php

defined ('_JEXEC')  or die();

$format = JText::_('DATE_FORMAT_LC1');
$date = date('Y-m-d',time());



$tiwtter_image   = $this->baseurl.'/templates/'.$this->template.'/images/Twitter2.png';
$google_image    = $this->baseurl.'/templates/'.$this->template.'/images/Google+.png';
$facebook_image  = $this->baseurl.'/templates/'.$this->template.'/images/Facebook.png';
$rss_image = $this->baseurl.'/templates/'.$this->template.'/images/RSS.png';
$logo_image = $this->baseurl.'/templates/'.$this->template.'/images/logo.png';
//$email_image = $this->baseurl.'/templates/'.$this->template.'/images/email.png';
$email_image = $this->baseurl.'/templates/'.$this->template.'/images/email.png';
$phone_image = $this->baseurl.'/templates/'.$this->template.'/images/phone.png';
$address_image = $this->baseurl.'/templates/'.$this->template.'/images/address.png';


?>


<!DOCTYPE html public "-//w3c//dtd xhtml 1.0 strict??en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-stric.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<? php echo $this->language;?>" lang="<? php echo $this->language;?>" dir="<? php echo $this->direction; ?>">

<head>

<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl.'/templates/'.$this->template.'/css/template.css' ?>" type="text/css"/>

</head>


<body>


<!--ابتدای موقعیت کلی-->
<div id="main">


   <!--  ابتدای تاپ  -->
   <div id="top">

       <!-- ابتدای هدر -->
       <div id="header-left">


           <!-- ابتدای شبکه های اجتماعی -->
           <div id="social">
               <div id="rss"> <a href="#"><img src="<?php echo $rss_image;?>"  /></a></div>
               <div id="google"> <a href="#"> <img src="<?php echo $tiwtter_image;?>" /> </a>  </div>
               <div id="tiwtter"> <a href="#"><img src="<?php echo $google_image;?>" />  </a>  </div>
               <div id="facebook"><a href="#"> <img src="<?php echo $facebook_image;?>" /></a> </div>
           </div>
           <!-- انتهای شبکه های اجتماعی -->


           <div id="date"> <?PHP echo JHTML::_('date',$date,$format);?> </div>
           <div id="clear"></div>
           <div id="logo"> <img src="<?php echo $logo_image;?>"  /></div>

        </div>
        <!-- انتهای هدر -->


        <!-- ابتدای هدر راست -->
        <div id="header-right">

            <div id="pin"></div>

            <div id="options">
               <div id="email">
                   <a href="#"> <img src="<?php echo $email_image;?>" /></a>
               </div>
               <div id="phone">
                   <a href="#"> <img src="<?php echo $phone_image;?>" /></a>
               </div>
               <div id="address">
                   <a href="#"> <img src="<?php echo $address_image;?>" /></a>
               </div>
           </div>

          <div id="user1">
               <div id="latestnews">
                   <jdoc:include type="modules" name="user1" />
               </div> 
          </div>


        </div>
        <!-- انتهای هدر راست -->

       <div id="clear"></div> 
       <div id="search"> <jdoc:include type="modules" name="search" /> </div>
       <div id="topmenu"> <jdoc:include type="modules" name="topmenu" /> </div>



   </div>
<!--  انتهای تاپ  -->


</div>
<!-- انتهای موقعیت کلی -->

</body>



</html>

#clear{
   clear:both
}

#main {
   background-image: url('../images/bg.jpg');
   background-repeat: repeat;
   margin: 0 auto;
   padding: 0 auto;
   width: 980px;
   height: 1500px;
   font-family: tahoma;
}
#top {
   height: 277px;
   background-image: url('../images/topbg.jpg');
   background-repeat: repeat;
}
#header-left{
   float: left;
}
#header-right{
   float: right;
   width: 480px;    
   height: 186px;
}

#social{
   float: left;
   width: 245px;
   height: 50px;

}
#rss {  
   margin: 15px 5px 0px 15px;
   float: left;
}
#tiwtter { 
   margin: 15px 5px 0px 0px;
   float: left;
}
#google { 
   margin: 15px 5px 0px 0px;
   float: left;
}
#facebook { 
   margin: 15px 5px 0px 0px;
   float: left;
}
#date {
   background-image: url('../images/date.png');
   background-repeat: no-repeat;
   background-position: center right;
   float: left;
   margin: 25px 0 0 30px;
   padding-right: 20px;
}
#logo{
   float: left;
   background-image: url('../images/logo.png');
   background-repeat: no-repeat;
   margin: 40px 10px 10px 10px ;
}

#options{
   float: right;
   margin: 70px 20px 0 0;
}
#email{
   width: 29px;
   height: 29px;
   margin: 3px;
}
#phone{
   width: 29px;
   height: 29px;
   margin: 3px;
}
#address{
   width: 29px;
   height: 29px;
   margin: 3px;
}
#user1{
   float: right;
   margin: 30px 10px 0 0 ;
   background-image: url('../images/user1.png');
   background-repeat: no-repeat;
   width: 399px;
   height: 180px;
}
#latestnews{
   padding: 15px;
   float: right;
   font-size: 12px;
   margin: 5px 15px 0 0;
}
div#latestnews li {
   list-style: none;
   background-image: url('../images/plus.png');
   background-repeat: no-repeat;
   background-position: center right;
   padding-right: 15px;
   float: right;
}
div#latestnews li a {
   text-decoration: none;
}
#pin{
   position: absolute;
   background-image: url('../images/pin.png');
   background-repeat: no-repeat;
   width: 64px;
   height: 64px;
   margin: 0 10px 0 20px;
}
#search{
   float: left;
   margin: 45px 0 0 20px;
   background-image: url('../images/search.png');
   background-repeat: no-repeat;
   width: 154px;
   height: 30px;
}
#mod-search-searchword{
   border: none;
   background-color: transparent;

}
#search .button{
   background-image: url('../images/search_btn.jpg');
   width: 30px;
   height: 25px;
   float: left;
   margin: -17px 0 0 2px;
   cursor: pointer;
}

Share this post

Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

ارسال شده در

سلام

اگر مشکلتون با راه حل آقای clik8000 حل نشد، به پوشه ماژول جستجو بروید و کد css مربوط به همون ماژولو از توی پوشه پیدا کنید. class مربوط به باکس جستجو رو پیدا کنید و به اون ویژگی:

text-align:right و direction:rtl رو بدید.

موفق باشید.

Share this post

Link to post
Share on other sites

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

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

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

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


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

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

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


ورود به حساب کاربری
بازگشت به لیست عناوین تاپیک رفع مشکلات و سوالات عمومی جوملا 1.7 و 2.5