Веб-мастеру

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Веб-мастеру » Другие CMS » HTML сайт


HTML сайт

Сообщений 31 страница 60 из 97

1

Доброе время суток, не могу разобраться где и как на этом сайте Ссылка сайта Оригинал находятся сами web иконки...то ли они в папке,либо прописаны в ссылке в файле js,если они в js то в каком файле эта строчка?
И ещё по поводу Блога, там съехала картинка,не как не получается поправить....думал что где то не закрыт тег,но так и не нашёл,уже второй день сижу маюсь.... https://forumupload.ru/uploads/0007/af/57/16341-5.gif
Подскажите как поправить?
Вот мой Сайт

0

31

https://forumupload.ru/uploads/0007/af/57/16341-1.gif  ok. подаждём.... https://forumupload.ru/uploads/0007/af/57/16361-4.gif

0

32

Zhorik, что-то ваш сайт отзывается у меня загружаться, после многочисленных попыток. Плюс AdGuard его почему-то занес в "подозрительные"

0

33

Нет,всё в порядке....
http://sa.uploads.ru/t/Co7Jx.png

0

34

Zhorik, гугл и не станет показывать, это совершенно иной сайт https://forumupload.ru/uploads/0007/af/57/16341-1.gif
Я говорю о http://adguard.com/ru/adguard-report/sa … eport.html. Там справа, на указанной странице, есть зеленая кнопочка "Пожаловаться" ("Считаете, что сайт помещен в фильтр ошибочно и не опасен?"), у них иногда такое происходит — ошибочно помечают совершенно нормальные сайты "Подозрительными", у меня кстати такое тоже было. Вы как владелец сайта можете им написать об ошибке.

0

35

я уже там был и наживал эту зелёную кнопку.....вы мне лучше помогите с моими вопросами https://forumupload.ru/uploads/0007/af/57/16341-1.gif

0

36

Zhorik, вот вы зря целиком заменили CSS, теперь появилось еще больше проблем. Вы сами вносили какие-либо изменения в файлы js, конкретно в function.js? Не знаю как у вас, а у меня при открытии вашего сайта заставка, имитирующая загрузку сайта, не пропадает из-за ошибки в выше указанном файле.

Обратно замените CSS (предварительно сохранив этот где-нибудь у себя на компьютере) на тот оригинал, что вы изначально загрузили себе на компьютер. Я не знаю на сколько различимы демонстрационный оригинал от загружаемого оригинала, но судя по структуре при работе с ним ранее — изменения должны быть серьезные.

Теперь по порядку: сперва возьмите код слайдера из архива на компьютере от

Код:
<!-- VERTICAL SLIDER -->

до

Код:
<!-- END VERTICAL SLIDER -->

И замените его на тот, что стоит сейчас у вас. Далее посмотрим что будем делать дальше.

0

37

Заменил... https://forumupload.ru/uploads/0007/af/57/16341-1.gif

0

38

Admin написал(а):

Вы сами вносили какие-либо изменения в файлы js, конкретно в function.js?

Нет я не делал не каких изменений в js!

0

39

В файле function.js найдите код

Код:
 $('.vertical-slider').slick({
        centerMode: true,
        infinite: false,
        centerPadding: '125px',
        slidesToShow: 1,
        vertical:true,       
        initialSlide:1,        
        swipe:false        
    });

и замените его на

Код:
/*
 $('.vertical-slider').slick({
        centerMode: true,
        infinite: false,
        centerPadding: '125px',
        slidesToShow: 1,
        vertical:true,       
        initialSlide:1,        
        swipe:false        
    });
*/

Таким образом мы временно закомментируем часть кода, чтобы остальные функции были доступны.

0

40

Заменил https://forumupload.ru/uploads/0007/af/57/16341-1.gif

0

41

Снова где-то потеряли стили. Вчера стрелки были оформлены и позиционированы, сегодня уже нет. Если б не эффект верхних блоков (при наведении на них, те поворачиваются) я б грешил на 36 пост (т.е. из-за изменения структуры шаблона), но поскольку пропал эффект (и многие другие деколи), значит дело совершенно в другом, в чем именно — надо спрашивать у вас, что вы сделали.
http://sa.uploads.ru/t/xaLO2.png
Попробуйте вернуть CSS из оригинала, пусть лучше будет стилей в достатке, чем в нехватке. Пофиг, добьем мы эти рамки сами, главное остальной вид не потерять.

0

42

этот шаблон который сейчас стоял.....я заменю на тот который у меня стоял на локальном сервере,там всё правильно отображается,но только съехали картинки с Блога на главной странице секция:
<!-- BLOG -->
не пойму где я не закрыл </div>.....вроде как везде закрыто....может какая та лишняя запись?! https://forumupload.ru/uploads/0007/af/57/16341-2.gif
и ещё где поправить ВИДЕО на главной странице,что бы оно не автоматически не включалось?

0

43

В общем, не столько div был незакрытый, сколько их было лишних. Замените код от <!-- BLOG --> до <!-- END BLOG --> на такой:

Свернутый текст
Код:
<section class="blog-content">
    
    <div class="container">    	
    	<div class="blog-top-elements clearfix">
    	
        <div class="dropdown-wrap col-sm-3 hidden-xs">        
        	<h6 class="dropdown-trigger">category</h6><i class="fa fa-chevron-down"></i>
        	<ul>            
            <li><a href="#">home</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">resume</a></li>
            <li><a href="#">art</a></li>
            <li><a href="#">parallax</a></li>            
        	</ul>
        </div> <!-- end dropdown-wrap -->

        
        <h4 class="mobile-category-title">Category :</h4>
        
        <select name="mobile-category" class="mobile-category">
        	<option value="parallax">parallax</option>
        	<option value="timeline">timeline</option>
        	<option value="html5">html 5</option>
        	<option value="slider">slider</option>
        	<option value="dropdown">dropdown</option>
        </select>


        <div class="top-title-wrap col-sm-6">        
        	<h2 class="top-title">Travel Around the World</h2>
        </div> <!-- end top-title-wrap -->

        <div class="rss-wrap col-sm-3">        	
        	<i class="fa fa-rss"></i><a href="#">RSS</a>
        </div>

    	</div> <!-- end blog-top-elements -->

    	
    	<div class="post-loop-wrap shadow clearfix">        
        <div class="col-sm-6 col-md-4">        	
        	<article class="h-entry">        
            <figure class="featured-image">	
    	<div class="image"><a href="#"><img width="380" height="250" src="img/blog-1.jpg"></a></div>
            	
            </figure> <!-- featured-image -->
            <div class="entry-text">            
            	<header class="entry-header">            	
                <h4 class="entry-title">                	
                	<a href="blog-post.html">Lorem ipsum dolor s amet.</a></h4>
            	</header> <!-- end entry-header -->
            	<div class="entry-summary">
            	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.
            	</div> <!-- entry-summary -->

            	<div class="entry-meta">                
                <span class="dt-published">October 7, 2014</span>                
                <span class="u-category">Category</span>
                <span class="meta-line"></span>
            	</div> <!-- end entry-meta -->
            </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

        <div class="col-sm-6 col-md-4">        	
        	<article class="h-entry">        	
            <figure class="featured-image">            	
            	
    	<div class="image"><a href="#"><img width="380" height="250" src="img/blog-2.jpg"></a></div>        
            </figure> <!-- featured-image -->
            <div class="entry-text">            
            	<header class="entry-header">            
                <h4 class="entry-title">                	
                	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
                </h4>
            	</header> <!-- end entry-header -->
            	<div class="entry-summary">                
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.
            	</div> <!-- entry-summary -->
            	<div class="entry-meta">                
                <span class="dt-published">October 7, 2014</span>                
                <span class="u-category">Category</span>
                <span class="meta-line"></span>
            	</div> <!-- end entry-meta -->
            </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->
 
        <div class="col-sm-6 col-md-4">        	
        	<article class="h-entry">            
                      <figure class="featured-image">
                        
    	<div class="image"><a href="#"><img width="380" height="250" src="img/blog-6.jpg"></a></div>                  
                    </figure> <!-- featured-image -->        	
            <div class="entry-text">            
            	<header class="entry-header">            
                <h4 class="entry-title">                	
                	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
                </h4>
            	</header> <!-- end entry-header -->
            	<div class="entry-summary">                
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.
            	</div> <!-- entry-summary -->
            	<div class="entry-meta">                
                <span class="dt-published">October 7, 2014</span>                
                <span class="u-category">Category</span>
                <span class="meta-line"></span>
            	</div> <!-- end entry-meta -->
            </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->
        

        <div class="col-sm-6 col-md-4">        	
        	<article class="h-entry">        
            <figure class="featured-image">	
    	<div class="image"><a href="#"><img width="380" height="250" src="img/blog-3.jpg"></a></div>
            	
            </figure> <!-- featured-image -->
            <div class="entry-text">            
            	<header class="entry-header">            	
                <h4 class="entry-title">                	
                	<a href="blog-post.html">Lorem ipsum dolor s amet.</a></h4>
            	</header> <!-- end entry-header -->
            	<div class="entry-summary">
            	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.
            	</div> <!-- entry-summary -->

            	<div class="entry-meta">                
                <span class="dt-published">October 7, 2014</span>                
                <span class="u-category">Category</span>
                <span class="meta-line"></span>
            	</div> <!-- end entry-meta -->
            </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

        
        
        <div class="col-sm-6 col-md-4">        	
        	<article class="h-entry">        	
            <figure class="featured-image">            	
            	
    	<div class="image"><a href="#"><img width="380" height="250" src="img/blog-4.jpg"></a></div>        
            </figure> <!-- featured-image -->
            <div class="entry-text">            
            	<header class="entry-header">            
                <h4 class="entry-title">                	
                	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
                </h4>
            	</header> <!-- end entry-header -->
            	<div class="entry-summary">                
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.
            	</div> <!-- entry-summary -->
            	<div class="entry-meta">                
                <span class="dt-published">October 7, 2014</span>                
                <span class="u-category">Category</span>
                <span class="meta-line"></span>
            	</div> <!-- end entry-meta -->
            </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

        <div class="col-sm-6 col-md-4">        	
        	<article class="h-entry">            
                      <figure class="featured-image">
                        
        <div class="image"><a href="#"><img width="380" height="250" src="img/blog-5.jpg"></a></div>                  
                    </figure> <!-- featured-image -->        	
            <div class="entry-text">            	
            	<header class="entry-header">            	
                <h4 class="entry-title">                	
                	<a href="blog-post.html">Lorem ipsum dolor sit.</a>
                </h4>
            	</header> <!-- end entry-header -->
            	<div class="entry-summary">                
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.
            	</div> <!-- entry-summary -->
            	<div class="entry-meta">                
                <span class="dt-published">October 7, 2014</span>                
                <span class="u-category">Category</span>
                <span class="meta-line"></span>
            	</div> <!-- end entry-meta -->
            </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->
    	</div>
        
    	</div> <!-- end post-loop-wrap -->
     <!-- end container -->

	</section>

Видео у вас и так автоматически не воспроизводится, в параметрах ссылки стоит запрет на автоматическое воспроизведение.

<div class="player" data-property="{videoURL:'http://www.youtube.com/watch?v=eUHVA2fMFSg',containment:'self',startAt:0,mute:false,autoPlay:false,loop:false,opacity:.3,showYTLogo:false, realfullscreen:true,optimizeDisplay:true,quality:'hd1080'}"></div>

Добавлено спустя 10 минут 38 секунд:

Хотя иногда всё-таки действительно пробивает на автовоспроизведение. Пошарил по js-файлам, вроде нашел. Откройте файл /js/magnific-popup.js и найдите в нем примерно такую строчку (начинается с 1605 строчки по счету):

// we don't care and support only one default type of URL by default
    patterns: {
    youtube: {
        index: 'youtube.com',
        id: 'v=',
        src: '//www.youtube.com/embed/%id%?autoplay=1'
    },
    vimeo: {
        index: 'vimeo.com/',
        id: '/',
        src: '//player.vimeo.com/video/%id%?autoplay=1'
    },
    gmaps: {
        index: '//maps.google.',
        src: '%id%&output=embed'
    }

Выделенные красным цифры замените на 0

0

44

Добрый день..))
Видео вроде перестало авто. запускаться.....
а вот картинки в Блоге не много выравнялись, но не все....может что то в стилях не так? https://forumupload.ru/uploads/0007/af/57/16341-2.gif

С живым эффектом я разобрался,так как на некоторых страничках он не совсем корректно отображался....вернее главную страничку, страничку Блога не перекрывал полностью....то бишь нужно было подправить пиксели в файле background.css....теперь всё нормально.....вот только за исключением самих картинок....ползут гады... https://forumupload.ru/uploads/0007/af/57/16341-2.gif

Отредактировано Zhorik (08.12.2014 14:55)

0

45

Zhorik написал(а):

а вот картинки в Блоге не много выравнялись, но не все....может что то в стилях не так?

На странице "Блог" или на главной странице раздел под-типа Блог? На главной странице всё в порядке
http://sa.uploads.ru/t/Bo1Na.png
Собственно, для него код и давал. На странице "Блог" скорее всего та же проблема, должна решаться аналогичным путем.

0

46

Admin написал(а):

или на главной странице раздел под-типа Блог

а у меня почему то на главной странице....съехали 2-е картинки....(((
http://sa.uploads.ru/t/Ivs3t.png

0

47

Попробуйте такой вариант, содержимое между <!-- BLOG --> и <!-- END BLOG --> заменить на:

Свернутый текст
Код:
<section class="blog-content">
    
    <div class="container">    	
    	<div class="blog-top-elements clearfix">
    	
        <div class="dropdown-wrap col-sm-3 hidden-xs">        
        	<h6 class="dropdown-trigger">category</h6><i class="fa fa-chevron-down"></i>
        	<ul>            
            <li><a href="#">home</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">resume</a></li>
            <li><a href="#">art</a></li>
            <li><a href="#">parallax</a></li>            
        	</ul>
        </div> <!-- end dropdown-wrap -->

        
        <h4 class="mobile-category-title">Category :</h4>
        
        <select name="mobile-category" class="mobile-category">
        	<option value="parallax">parallax</option>
        	<option value="timeline">timeline</option>
        	<option value="html5">html 5</option>
        	<option value="slider">slider</option>
        	<option value="dropdown">dropdown</option>
        </select>


        <div class="top-title-wrap col-sm-6">        
        	<h2 class="top-title">Travel Around the World</h2>
        </div> <!-- end top-title-wrap -->

        <div class="rss-wrap col-sm-3">        	
        	<i class="fa fa-rss"></i><a href="#">RSS</a>
        </div>

    	</div> <!-- end blog-top-elements -->

<div class="post-loop-wrap shadow clearfix">

        <div class="col-sm-6 col-md-4">
        	<article class="h-entry">
        <figure class="featured-image">
        	<div class="image"><a href="#"><img src="img/blog-1.jpg" height="250" width="380"></a></div>
        </figure> <!-- featured-image -->
        <div class="entry-text">
        	<header class="entry-header">
            <h4 class="entry-title">
            	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
            </h4>
        	</header> <!-- end entry-header -->
        	<div class="entry-summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.</div> <!-- entry-summary -->
        	<div class="entry-meta">
            <span class="dt-published">October 7, 2014</span>
            <span class="u-category">Category</span>
            <span class="meta-line"></span>
        	</div> <!-- end entry-meta -->
        </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

    <div class="col-sm-6 col-md-4">
        	<article class="h-entry">
                <figure class="featured-image">
    	            <div class="image"><a href="#"><img src="img/blog-6.jpg" height="250" width="380"></a></div>
                </figure> <!-- featured-image -->
        <div class="entry-text">
        	<header class="entry-header">
            <h4 class="entry-title">
            	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
            </h4>
        	</header> <!-- end entry-header -->
        	<div class="entry-summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.</div> <!-- entry-summary -->
        	<div class="entry-meta">
            <span class="dt-published">October 7, 2014</span>
            <span class="u-category">Category</span>
            <span class="meta-line"></span>
        	</div> <!-- end entry-meta -->
        </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

        <div class="col-sm-6 col-md-4">
        	<article class="h-entry">
        <figure class="featured-image">
        	<div class="image"><a href="#"><img src="img/blog-3.jpg" height="250" width="380"></a></div>
        </figure> <!-- featured-image -->
        <div class="entry-text">
        	<header class="entry-header">
            <h4 class="entry-title">
            	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
            </h4>
        	</header> <!-- end entry-header -->
        	<div class="entry-summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.</div> <!-- entry-summary -->
        	<div class="entry-meta">
            <span class="dt-published">October 7, 2014</span>
            <span class="u-category">Category</span>
            <span class="meta-line"></span>
        	</div> <!-- end entry-meta -->
        </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

        <div class="col-sm-6 col-md-4">
        	<article class="h-entry">
        <figure class="featured-image">
        	<div class="image"><a href="#"><img src="img/blog-1.jpg" height="250" width="380"></a></div>
        </figure> <!-- featured-image -->
        <div class="entry-text">
        	<header class="entry-header">
            <h4 class="entry-title">
            	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
            </h4>
        	</header> <!-- end entry-header -->
        	<div class="entry-summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.</div> <!-- entry-summary -->
        	<div class="entry-meta">
            <span class="dt-published">October 7, 2014</span>
            <span class="u-category">Category</span>
            <span class="meta-line"></span>
        	</div> <!-- end entry-meta -->
        </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

    <div class="col-sm-6 col-md-4">
        	<article class="h-entry">
                <figure class="featured-image">
    	            <div class="image"><a href="#"><img src="img/blog-6.jpg" height="250" width="380"></a></div>
                </figure> <!-- featured-image -->
        <div class="entry-text">
        	<header class="entry-header">
            <h4 class="entry-title">
            	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
            </h4>
        	</header> <!-- end entry-header -->
        	<div class="entry-summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.</div> <!-- entry-summary -->
        	<div class="entry-meta">
            <span class="dt-published">October 7, 2014</span>
            <span class="u-category">Category</span>
            <span class="meta-line"></span>
        	</div> <!-- end entry-meta -->
        </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

        <div class="col-sm-6 col-md-4">
        	<article class="h-entry">
        <figure class="featured-image">
        	<div class="image"><a href="#"><img src="img/blog-3.jpg" height="250" width="380"></a></div>
        </figure> <!-- featured-image -->
        <div class="entry-text">
        	<header class="entry-header">
            <h4 class="entry-title">
            	<a href="blog-post.html">Lorem ipsum dolor s amet.</a>
            </h4>
        	</header> <!-- end entry-header -->
        	<div class="entry-summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, odio.</div> <!-- entry-summary -->
        	<div class="entry-meta">
            <span class="dt-published">October 7, 2014</span>
            <span class="u-category">Category</span>
            <span class="meta-line"></span>
        	</div> <!-- end entry-meta -->
        </div> <!-- end entry-text -->
        	</article> <!-- end h-entry -->
        </div> <!-- end col-sm-6 col-md-4 -->

 </div>

    	</div> <!-- end post-loop-wrap -->
     <!-- end container -->

	</section>

0

48

Admin написал(а):

Попробуйте такой вариант

В таком варианте картинки ровно стоят....но они все одинаковые:
http://sa.uploads.ru/t/jOUsX.png

а если я меняю путь к  другой картинке,что бы они были разные,то они съезжают....
не чего не могу понять....в чём причина?
http://sa.uploads.ru/t/l1eiz.png

Отредактировано Zhorik (09.12.2014 16:34)

0

49

В файле css/style.css найдите код (138 строка):

.shadow img {
  border: 9px solid white;
  outline: 1px solid #eaeaea;
  box-shadow: 0 10px 41px 0 rgba(9, 26, 44, 0.2);
  height: 250px;
}

Добавьте строчку, выделенную красным.

0

50

Да,так выравнивается...... https://forumupload.ru/uploads/0007/af/57/16341-1.gif
http://sa.uploads.ru/t/jXIbN.png

но тогда на Странице блог-пост Ссылка
картинка уменьшаться и уходит в лево:
http://sa.uploads.ru/t/VoiHC.png

а должно быть так:
http://sa.uploads.ru/t/auohR.png

и нарушался вертикальный слайдер
http://sa.uploads.ru/t/vrVY8.png

Отредактировано Zhorik (09.12.2014 18:57)

0

51

Примерно что-то такое я и ожидал, но не знал где это появится. Попробуем тогда привязать к чему-нибудь.
Удаляем строчку, выделенную красным, из кода в предыдущем моем сообщении, а ниже того кода вставьте такой:
Пропишите чуть ниже прошлого кода в

Код:
.blog-content .h-entry .shadow img {
  height: 250px;
}

То есть чтобы всё вместе у вас получилось так:

Код:
.shadow img {
  border: 9px solid white;
  outline: 1px solid #eaeaea;
  box-shadow: 0 10px 41px 0 rgba(9, 26, 44, 0.2);
}

.blog-content .h-entry .shadow img {
  height: 250px;
}

0

52

К сожалению эта запись не чего не дала,за исключением то го что в blog-content картинка стала как положено, а на главной страничке опять съехали... https://forumupload.ru/uploads/0007/af/57/16341-2.gif
http://sa.uploads.ru/t/n9quw.png

0

53

Невнимательный я стал, перепутал местами при вставке на форум. Вместо

Код:
.blog-content .h-entry .shadow img {
  height: 250px;
}

вставьте

Код:
.blog-content .shadow .h-entry img {
  height: 250px;
}

+1

54

Ну вот теперь всё стало на свои места.....  https://forumupload.ru/uploads/0007/af/57/16418-5.gif
Большое Вам спасибо,теперь можно дальше ковырять https://forumupload.ru/uploads/0007/af/57/16415-1.gif  ,главное не наковырять чего то лишнего https://forumupload.ru/uploads/0007/af/57/16417-5.gif

0

55

Ну наконец-то справились с этой проблемой https://forumupload.ru/uploads/0007/af/57/16341-1.gif

+1

56

Доброго дня суток Маэстро  https://forumupload.ru/uploads/0007/af/57/16419-4.gif
Решил попробовать поставить выпадающие меню как в оригинале,почему то у меня в шаблоне не было установлено!
Вобщем сделал так;

Код:
    <div class="mobile-menu-wrap">
    	<div class="fa fa-times menu-close"></div>                            	
        <div class="col-xs-12">        	
        	<nav class="mobile-menu">
            <ul class="mobile-ul">

            	<li><a href="index.html">Главная</a></li>
            	<li><a href="about.html">О нас</a></li>            	
            	<li><a href="service.html">Услуги</a></li>
            	<li><a href="gallery.html">Галерея</a></li>
            	<li><a href="blog.html">Блог</a>
                <ul class="sub-menu">
                	<li><a href="about.html">about</a></li>
                	<li><a href="blog.html">blog</a></li>
                	<li><a href="contact.html">contact</a></li>
                	<li><a href="gallery.html">gallery</a></li>    
                                                            <li><ahref="service.html">service</a></li>	
            	         </ul>
            	</li>
            	<li><a href="contact.html">Почта</a></li>
            	
            </ul>
        	</nav>
        </div>        
    </div> <!-- end mobile-menu-wrap -->

Красным выделено выпадающие меню...
И вот что получилось:
http://sa.uploads.ru/t/JqdV0.png
http://sa.uploads.ru/t/2t9qb.png

а должно быть так:
http://sa.uploads.ru/t/ReWlq.png
http://sa.uploads.ru/t/BbO8J.png

Наверное чего то не хватает в стилях css? https://forumupload.ru/uploads/0007/af/57/16341-1.gif

Отредактировано Zhorik (13.12.2014 14:05)

0

57

Попробуйте следующее: вставить в любое место файла css/style.css:

Код:
/* Drop-down Menu */
.fixed-header .nav > li,
.blog-header .nav > li,
.front-header .nav > li {
  position: relative;
}
.fixed-header .nav ul,
.blog-header .nav ul,
.front-header .nav ul {
  position: absolute;
  left: 0;
  top: 71px;
  z-index: 99;
}
.fixed-header .nav ul li:after,
.blog-header .nav ul li:after,
.front-header .nav ul li:after {
  display: none;
}
.fixed-header .nav .sub-menu,
.blog-header .nav .sub-menu,
.front-header .nav .sub-menu {
  font-family: 'Merriweather';
  text-transform: capitalize;
  font-size: 13px;
  background-color: white;
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 25px;
  border: 1px solid #efefef;
  box-shadow: 0 1px 1px #e8e8e8;
  width: 250px;
  display: none;
}
.fixed-header .nav .sub-menu li:last-child a,
.blog-header .nav .sub-menu li:last-child a,
.front-header .nav .sub-menu li:last-child a {
  border-bottom: none;
}
.fixed-header .nav .sub-menu a,
.blog-header .nav .sub-menu a,
.front-header .nav .sub-menu a {
  color: #44403f;
  font-weight: 400;
  border-bottom: 1px dotted #d2d2d2;
  display: block;
  padding-top: 5px;
  padding-bottom: 2px;
  letter-spacing: 1px;
}
.fixed-header .nav .sub-menu a:hover,
.blog-header .nav .sub-menu a:hover,
.front-header .nav .sub-menu a:hover {
  border-bottom: 1px dotted #d2d2d2;
  color: #c09551;
}
.blog-header .nav {
  position: relative;
  z-index: 9;
}

В самый низ файла js/function.js

Код:
/* ==============================================
Drop-down Menu
=============================================== */
$('.blog-header,.front-header,.fixed-header').find('.nav li').hover(function(){
  $(this).find('ul').stop().fadeIn(300); 
  $(this).find('ul').siblings('a').css('borderBottom','2px solid #c09551');
},function(){
  $(this).find('ul').stop().fadeOut(300); 
  $(this).find('ul').siblings('a').css('borderBottom','2px solid transparent');
});

0

58

Урааа....заработала птичка... https://forumupload.ru/uploads/0007/af/57/16418-5.gif ...помните как в старом добром мультфильме "Простоквашено"  https://forumupload.ru/uploads/0007/af/57/16417-5.gif

0

59

вот следующий вопрос,как можно вот это на скриншоте выровнять в одну горизонтальную строчку,что бы надписи Контакты и Обратная связь были одного размера и в одну строку и всё ниже остальное?
а также как увеличить на пару пикселей сам текст в форме обратной связи?...если в "форме обратной" связи писать на анг.языке,то получается что буквы текст больше чем русские....!
Чего то скриншоты перестали выводиться на форуме?!

Отредактировано Zhorik (14.12.2014 10:00)

0

60

Zhorik написал(а):

Урааа....заработала птичка...  ...помните как в старом добром мультфильме "Простоквашено"

https://forumupload.ru/uploads/0007/af/57/16361-4.gif

Zhorik написал(а):

Чего то скриншоты перестали выводиться на форуме?!

Иногда случаются перебои в работе независящего от нас сервиса uploads.ru https://forumupload.ru/uploads/0007/af/57/16417-1.gif Если такое случается, загружайте скриншоты на freemanager.ucoz.com — может даже на днях займусь им и прикручу его к форуму вместо хостинга картинок.

0


Вы здесь » Веб-мастеру » Другие CMS » HTML сайт