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 آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

ارسال شده در

سلام

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

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

موفق باشید.

Share this post

Link to post
Share on other sites

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

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

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

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


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

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

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


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