HTML сайт

Страница: « 1 2 3 4 »

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

Поделиться125.11.2014 10:04

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

Доброе время суток, не могу разобраться где и как на этом сайте Ссылка сайта Оригинал находятся сами web иконки...то ли они в папке,либо прописаны в ссылке в файле js,если они в js то в каком файле эта строчка?
И ещё по поводу Блога, там съехала картинка,не как не получается поправить....думал что где то не закрыт тег,но так и не нашёл,уже второй день сижу маюсь....
Подскажите как поправить?
Вот мой Сайт

Поделиться3105.12.2014 16:12

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

ok. подаждём....

Поделиться3206.12.2014 10:08

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

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

Поделиться3306.12.2014 11:21

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

Нет,всё в порядке....

Поделиться3406.12.2014 12:24

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

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

Поделиться3506.12.2014 14:16

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

я уже там был и наживал эту зелёную кнопку.....вы мне лучше помогите с моими вопросами

Поделиться3606.12.2014 15:12

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

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

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

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

Код:

<!-- VERTICAL SLIDER -->

до

Код:

<!-- END VERTICAL SLIDER -->

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

Поделиться3706.12.2014 18:36

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

Заменил...

Поделиться3806.12.2014 18:37

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

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

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

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

Поделиться3907.12.2014 01:01

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

В файле 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        
    });
*/

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

Поделиться4007.12.2014 09:12

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

Заменил

Поделиться4107.12.2014 22:14

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

Снова где-то потеряли стили. Вчера стрелки были оформлены и позиционированы, сегодня уже нет. Если б не эффект верхних блоков (при наведении на них, те поворачиваются) я б грешил на 36 пост (т.е. из-за изменения структуры шаблона), но поскольку пропал эффект (и многие другие деколи), значит дело совершенно в другом, в чем именно — надо спрашивать у вас, что вы сделали.

Попробуйте вернуть CSS из оригинала, пусть лучше будет стилей в достатке, чем в нехватке. Пофиг, добьем мы эти рамки сами, главное остальной вид не потерять.

Поделиться4208.12.2014 09:19

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

этот шаблон который сейчас стоял.....я заменю на тот который у меня стоял на локальном сервере,там всё правильно отображается,но только съехали картинки с Блога на главной странице секция:

не пойму где я не закрыл </div>.....вроде как везде закрыто....может какая та лишняя запись?!
и ещё где поправить ВИДЕО на главной странице,что бы оно не автоматически не включалось?

Поделиться4308.12.2014 11:21

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

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

Свернутый текст

Код:

<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>

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

Добавлено спустя 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

Поделиться4408.12.2014 14:39

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

Добрый день..))
Видео вроде перестало авто. запускаться.....
а вот картинки в Блоге не много выравнялись, но не все....может что то в стилях не так?

С живым эффектом я разобрался,так как на некоторых страничках он не совсем корректно отображался....вернее главную страничку, страничку Блога не перекрывал полностью....то бишь нужно было подправить пиксели в файле background.css....теперь всё нормально.....вот только за исключением самих картинок....ползут гады...

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

Поделиться4508.12.2014 20:50

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

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

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

На странице "Блог" или на главной странице раздел под-типа Блог? На главной странице всё в порядке

Собственно, для него код и давал. На странице "Блог" скорее всего та же проблема, должна решаться аналогичным путем.

Поделиться4608.12.2014 22:02

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

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

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

а у меня почему то на главной странице....съехали 2-е картинки....(((

Поделиться4709.12.2014 11:10

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

Попробуйте такой вариант, содержимое между  и  заменить на:

Свернутый текст

Код:

<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>

Поделиться4809.12.2014 16:32

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

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

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

В таком варианте картинки ровно стоят....но они все одинаковые:

а если я меняю путь к другой картинке,что бы они были разные,то они съезжают....
не чего не могу понять....в чём причина?

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

Поделиться4909.12.2014 16:50

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

В файле 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;
}

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

Поделиться5009.12.2014 18:49

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

Да,так выравнивается......

но тогда на Странице блог-пост Ссылка
картинка уменьшаться и уходит в лево:

а должно быть так:

и нарушался вертикальный слайдер

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

Поделиться5109.12.2014 22:07

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

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

Код:

.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;
}

Поделиться5210.12.2014 08:30

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

К сожалению эта запись не чего не дала,за исключением то го что в blog-content картинка стала как положено, а на главной страничке опять съехали...

Поделиться5310.12.2014 09:43

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

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

Код:

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

вставьте

Код:

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

Поделиться5410.12.2014 12:22

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

Ну вот теперь всё стало на свои места.....
Большое Вам спасибо,теперь можно дальше ковырять ,главное не наковырять чего то лишнего

Поделиться5510.12.2014 17:18

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

Ну наконец-то справились с этой проблемой

Поделиться5613.12.2014 14:04

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

Доброго дня суток Маэстро
Решил попробовать поставить выпадающие меню как в оригинале,почему то у меня в шаблоне не было установлено!
Вобщем сделал так;

Код:

    <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 -->

Красным выделено выпадающие меню...
И вот что получилось:

а должно быть так:

Наверное чего то не хватает в стилях css?

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

Поделиться5714.12.2014 09:12

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

Попробуйте следующее: вставить в любое место файла 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');
});

Поделиться5814.12.2014 09:44

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

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

Поделиться5914.12.2014 09:59

Автор: Zhorik
Проверенный
Сообщений: 228
Уважение: +18

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

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

Поделиться6014.12.2014 10:34

Автор: Артем
Администратор
Сообщений: 5077
Уважение: +358

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

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

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

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

Иногда случаются перебои в работе независящего от нас сервиса uploads.ru Если такое случается, загружайте скриншоты на freemanager.ucoz.com — может даже на днях займусь им и прикручу его к форуму вместо хостинга картинок.

Страница: « 1 2 3 4 »

Круглое меню для сайта	Меню для сайтов	25.05.2012
2 красивых меню для сайта	Меню для сайтов	07.05.2012
HTML	Все обо всем	28.02.2010
Помогите очистить сайт от ненужных скриптов	Помощь, вопросы по uCoz	06.02.2015
Первоначинающим дизайнерам сайтов	HTML и CSS	17.01.2012

Веб-мастеру

Меню навигации

Пользовательские ссылки

Объявление

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

HTML сайт

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

Поделиться125.11.2014 10:04

Поделиться3105.12.2014 16:12

Поделиться3206.12.2014 10:08

Поделиться3306.12.2014 11:21

Поделиться3406.12.2014 12:24

Поделиться3506.12.2014 14:16

Поделиться3606.12.2014 15:12

Поделиться3706.12.2014 18:36

Поделиться3806.12.2014 18:37

Поделиться3907.12.2014 01:01

Поделиться4007.12.2014 09:12

Поделиться4107.12.2014 22:14

Поделиться4208.12.2014 09:19

Поделиться4308.12.2014 11:21

Поделиться4408.12.2014 14:39

Поделиться4508.12.2014 20:50

Поделиться4608.12.2014 22:02

Поделиться4709.12.2014 11:10

Поделиться4809.12.2014 16:32

Поделиться4909.12.2014 16:50

Поделиться5009.12.2014 18:49

Поделиться5109.12.2014 22:07

Поделиться5210.12.2014 08:30

Поделиться5310.12.2014 09:43

Поделиться5410.12.2014 12:22

Поделиться5510.12.2014 17:18

Поделиться5613.12.2014 14:04

Поделиться5714.12.2014 09:12

Поделиться5814.12.2014 09:44

Поделиться5914.12.2014 09:59

Поделиться6014.12.2014 10:34

Похожие темы