کمک در تنظیم سایت با بوت استرپ

[فاطمه طالبی]

سلام این اولین سایتم هست که با بوت استرپ ساختم البته هنوز کاملش نکردم.یه سری مشکل داره که میخواستم رفع بشن
http://www.kimya.xzn.ir/

چجوری کاری کنم زیر منو ها بیان روی اسلایدر قرار بگیرین؟(وقتی میریم رو زیرمنو میان پشت اسلایدر)
کلا سایت رو درست تنظیم نکردم وقتی صفحه رو با ctrl - کوچیک کنید اسلایدر ناجور میشه.. البته این میدونم بخاطر spanی هست که استفاده کردم ولی نمیدونم چطور درستش کنم که کلا باهم هماهنگ باشه این اسلایدر

من فرم عضویت درخبرنامه رو از اینجا اوردم http://www.bootsnipp.com/snipps/newsletter-subscribe همونطور ک میبینید یه عکس کوچیک داره روی اون قسمت(عکس ایمیل) نمیدونم اینو چجوری بیارم من؟

اگه صفحه رو با ctrl + بزرگ کنید جستجو میاد زیرمنو و منو بهم میرزه.میدونم درست تنظیمش نکردم.میشه درستش کرد؟

 

[hoseng]

سلام تبریک میگم سایت خوبیه ایشالا در آینده موفق تر هم باشید من یه پیشنهاد دارم
برای اینکه قشنگ بشه کمک کرد کد اون قسمت هایی که ایراد دارن رو بذار تا ببینیم کجای کد مشکل داره اینجوری من که واقعا متوجه نمیشم اشکال از کجاست

 

[فاطمه طالبی]

سلام تبریک میگم سایت خوبیه ایشالا در آینده موفق تر هم باشید من یه پیشنهاد دارم
برای اینکه قشنگ بشه کمک کرد کد اون قسمت هایی که ایراد دارن رو بذار تا ببینیم کجای کد مشکل داره اینجوری من که واقعا متوجه نمیشم اشکال از کجاست

ممنونم
همین الان سورس رو کمی تغییر دادم. مثلا این کد جی کوئری رو نوشتم تا زیرمنو ها رو نمایش بدم ولی کدم کار نمیکنه. اگه ببینین زیرمنوها رو نشون نمیده. css رو هم میتونین با Inspect element گوگل کروم ببینین.

$("#cssmenu .has-sub").hover(function(){
    $(this).next(".has-sub ul").show(500);
    },
    function(){
    $(this).next(".has-sub ul").hide(500);
    });
    
});

وسوال دیگرم:

من فرم عضویت درخبرنامه رو از اینجا اوردم ​

http://www.bootsnipp.com/snipps/newsletter-subscribe

همونطور ک میبینید یه عکس کوچیک داره روی اون قسمت(عکس ایمیل) نمیدونم اینو چجوری بیارم من؟​

 

[فاطمه طالبی]

این هم کد سطر اسلایدر بطور کامل :
بنظرشما چجوری اصلاحشون کنم

<div class="row span12"> <!-- slider and signin --> 
 
 <div class="span7" id="myslider">


<div id="myCarousel" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item"><img alt="kimya" src="gol1.jpg"/></div>
    <div class="item"><img alt="kimya" src="gol2.jpg"/></div>
    <div class="item"><img alt="kimya" src="gol3.jpg"/></div>
  </div>
  <!-- Carousel nav --> 
  <a class="carousel-control right" href="#myCarousel" data-slide="next">‹</a>
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">›</a>


</div>
</div>
        
         
<div class="span3 well offset1" id="signin">
    <legend>ورود به سایت</legend>
              <!--<div class="alert alert-error">
                <a class="close" data-dismiss="alert" href="#">×</a>Incorrect Username or Password!
            </div>-->
            <form method="POST" action="" accept-charset="UTF-8">
            <input type="text" id="username" class="span12" name="username" placeholder="نام کاربری"> <br/>
            <input type="password" id="password" class="span12" name="password" placeholder="رمز عبور"> <br/>
            <label class="checkbox">
                <input type="checkbox" name="remember" value="1">منو بخاطر داشته باش
            </label>
            <button type="submit" name="submit" class="btn btn-info btn-block">ورود</button>
            </form>  


</div>


 </div>   <!-- end of slider and signin -->

 

[hoseng]

ممنونم
همین الان سورس رو کمی تغییر دادم. مثلا این کد جی کوئری رو نوشتم تا زیرمنو ها رو نمایش بدم ولی کدم کار نمیکنه. اگه ببینین زیرمنوها رو نشون نمیده. css رو هم میتونین با Inspect element گوگل کروم ببینین.

$("#cssmenu .has-sub").hover(function(){
    $(this).next(".has-sub ul").show(500);
    },
    function(){
    $(this).next(".has-sub ul").hide(500);
    });
    
});

وسوال دیگرم:

من فرم عضویت درخبرنامه رو از اینجا اوردم ​

http://www.bootsnipp.com/snipps/newsletter-subscribe

همونطور ک میبینید یه عکس کوچیک داره روی اون قسمت(عکس ایمیل) نمیدونم اینو چجوری بیارم من؟​

در مورد اون خبر نامه که فکر میکنم سایت رو ناقص آپلود کرده باشین چون کدش درسته ولی انگار آیکن موجود نیست که نمایش داده بشه. شما اون فایل عکس که تعداد زیادی آیکون کنار همن رو هم آپلود کردی؟
در مورد منوی Drop Down هم باید بگم خود Bootstrap کد داره واسش شما چرا نشستی از اول کد نوشتی و منم که تو جی کوئری ...
در مورد اسلایدر مثلا چه تغییری میخوای بدی؟ میخوای کوچیکش کنی؟ میخوای عکسا بزرگتر شه؟ چی دقیقا

 

[فاطمه طالبی]

در مورد اون خبر نامه که فکر میکنم سایت رو ناقص آپلود کرده باشین چون کدش درسته ولی انگار آیکن موجود نیست که نمایش داده بشه. شما اون فایل عکس که تعداد زیادی آیکون کنار همن رو هم آپلود کردی؟
در مورد منوی Drop Down هم باید بگم خود Bootstrap کد داره واسش شما چرا نشستی از اول کد نوشتی و منم که تو جی کوئری ...
در مورد اسلایدر مثلا چه تغییری میخوای بدی؟ میخوای کوچیکش کنی؟ میخوای عکسا بزرگتر شه؟ چی دقیقا

بله درسته حواسم نبوده! الان آپلودش کردم اون عکس رو.کنار صفحه اصلی. ولی الانم نشونش نمیده نمیدونم چرا.
من این کد منو رو از سایت cssmenuCreator گرفتم و کدشو خودم ننوشتم ، میخواستم که از منوهای خود بوت استرپ بگیرم ولی زیاد قشنگ نبودن!! یعنی اینجوری پیدا نکردم تو سایتش. اگه شما دیدین لطفا برام لینکشو بذارین

درمورد اسلایدر: وقتی صفحه رو با ctrl - کوچیک کنید اسلایدر با عکس هاش هماهنگ نیست! اگه کوچیکش کنین متوجه میشین. نمیدونم چیکار کنم اسلایدر همیشه به اندازه ی عکس ها باشه... (عرض اسلایدر زیاد میشه و دکمه قبلیش هم میاد سمت چپ تر ، ولی سایز عکس ها همچنان کوچک هست واین باعث میشهه ظاهرش بهم ریخته نشون داده بشه)

 

[فاطمه طالبی]

این منو رو پیدا کردم http://www.bootsnipp.com/snipps/navbar-example هرچند دلم میخواد که ظاهرش جور دیگه ای باشه و تغییر ظاهرشون هم کمی سخته! اما مشکل منو و جستجو با جایگزین کردن این منوی بوت استرپ حل شد. ولی بقیه هنوز حل نشدن.

 

[Syd Barrett]

بله درسته حواسم نبوده! الان آپلودش کردم اون عکس رو.کنار صفحه اصلی. ولی الانم نشونش نمیده نمیدونم چرا.

عکس آیکن ها رو باید توی فولدر img آپلود کنید .

 

[فاطمه طالبی]

ممنون دوستان . فعلا هاست باز نمیشه که آپلود کنم!!

​

hoseng : این منو که آدرسشو دادم و شما هم تو سایتی که با بوت استرپ ساختین ازش استفاده کردین،شما میدونین چجوری بجای کلیک با hover زیرمنوش باز بشه؟

​

 

[Syd Barrett]

فعلا هاست باز نمیشه که آپلود کنم

به نظر من شما به جای هاست رایگان اول از همه یه هاست درست حسابی تهیه کنید ، با یه دامین ir نهایت براتون 20 30 تومن هزینه داره ! روی اون کارهاتون رو تست کنید چون به مرحله برنامه نویسی PHP که برسید این هاست های رایگان محدودیت های خیلی بیشتری از باز نشدن و مشکلات این چنینی برای شما ایجاد میکنن

 

[hoseng]

ممنون دوستان . فعلا هاست باز نمیشه که آپلود کنم!!

​

hoseng : این منو که آدرسشو دادم و شما هم تو سایتی که با بوت استرپ ساختین ازش استفاده کردین،شما میدونین چجوری بجای کلیک با hover زیرمنوش باز بشه؟

​

والا فک میکنم باید تو فایل های جی کوئری تغییرات بدین اما من دقیق نمیدونم کجاش و چطور

 

[فاطمه طالبی]

دوباره سورس رو کمی تغییردادم.درست شد دوستان.

به نظر من شما به جای هاست رایگان اول از همه یه هاست درست حسابی تهیه کنید ، با یه دامین ir نهایت براتون 20 30 تومن هزینه داره ! روی اون کارهاتون رو تست کنید چون به مرحله برنامه نویسی PHP که برسید این هاست های رایگان محدودیت های خیلی بیشتری از باز نشدن و مشکلات این چنینی برای شما ایجاد میکنن

ممنون!نمیدونستم اینقدر ارزونه php رو خوب یاد گرفتم تهیه میکنم

والا فک میکنم باید تو فایل های جی کوئری تغییرات بدین اما من دقیق نمیدونم کجاش و چطور

بوت استرپ همینش سخته ! اما از اینجا که دوستم بهم داده، کد داده واسه hover باز شدن زیرمنوهاش http://www.barrykooij.com/bootstrap-submenu-open-on-mouse-over/
ولی خب اینم کامل مساله رو حل نمیکنه..چون باید در زمان hover اون li ، کلاسش تبدیل به active بشه.. که این تغییر فکر نمیکنم با css امکان پذیر باشه؟!؟؟!

حالا باید فقط اسلایدر رو درست کنم ولی احتمالا بیخیال شم همین که تو مرورگرا خوب نشون میده فعلا کافیه. ممنونم دوستان