Ответы в темах

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • P.S. поля — textarea, там много текста (несколько предложений в каждом), всего полей около 30.

    Нужно, чтобы форма была во весь экран, а пост сохранял свою ширину. Это тоже можно с помощью css?

    Автор korsar01

    (@korsar01)

    @flector
    Так вот в чем беда была! Спасибо большое! Все работает теперь!

    Автор korsar01

    (@korsar01)

    @flector
    В Chrome обрезается выпадающее меню Наши специалисты
    В IE обрезается Наши специалисты -> Массаж

    Скрин:
    https://yadi.sk/d/m-XfcMOA3JoP7e

    Автор korsar01

    (@korsar01)

    Меню style.css

    
    /* NAVIGATION MENUS */
    
    #pagemenucontainer {
        margin-top: 50px;
    	height: 30px;
        float: right;
        padding:0;
    z-index:110;
    position: relative;
    	}
    	
    #pagemenu {
    	height: 30px;
        float: right;
    z-index:110;
    position: relative;
    	}
    
    #pagemenu, #pagemenu ul { 
    	padding: 0;
    	margin: 0;
    	list-style: none;
    	line-height: 1;
    z-index:110;
    position: relative;
    	}
    #pagemenu {
    	margin-bottom: 1px;
        padding: 0 2px;
    z-index:110;
    position: relative;
    	}
    	
    #pagemenu ul {
    	float: left;
    	list-style: none;
    	margin: 0px 0px 0px 0px;
    	padding: 0px;
    z-index:110;
    position: relative;
    	}
    	
    #pagemenu li {
    	float: left;
    	list-style: none;
    	margin: 0px;
    	padding: 0;
    z-index:107;
    position: relative;
    	}
        #pagemenu li:first-child {
    	}
    
    #pagemenu ul li {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    z-index:107;
    position: relative;
    	}
    	
    #pagemenu li a, #pagemenu li a:link {
    	color: #3F7560;
    	display: block;
        margin: 0 6px 0 0;
    	padding: 8px 13px;
    	text-decoration: none;
    	font-weight: bold;
    	text-transform: uppercase;
    	font-size: 12px;
    	font-family: Arial, Helvetica, sans-serif;
    z-index:107;
    position: relative;
    	}
    	
    #pagemenu li a:hover, #pagemenu li a:active {
    	color: #3B9C78;
    	display: block;
    	text-decoration: none;
        -moz-border-radius: 20px;
        -khtml-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #0D84DE url(images/pagemenu-hover.png) left top repeat-x;
        border-left: 1px solid #B9E0D1;
        border-right: 1px solid #B9E0D1;
        border-bottom: 1px solid #B9E0D1;
        border-top: 1px solid #B9E0D1;
        padding: 7px 12px;
    z-index:105;
    position: relative;
    	}
    
    #pagemenu  li.current_page_item a {
    	color: #3B9C78;
    	text-decoration: none;
        -moz-border-radius: 20px;
        -khtml-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #0D84DE url(images/pagemenu-hover.png) left top repeat-x;
        border-left: 1px solid #B9E0D1;
        border-right: 1px solid #B9E0D1;
        border-bottom: 1px solid #B9E0D1;
        border-top: 1px solid #B9E0D1;
        padding: 7px 12px;
    z-index:101;
    position: relative;
       	}
    
    #pagemenu li:hover, #pagemenu li.sfhover {
    	position: static;
    	}
    	
    .topright {
    	text-align: right;
        margin: 16px 0 0 0;
    	}
    
    #navcontainer {
    	height: 36px;
    	display: block;
    	overflow: hidden;
        background: url(images/nav-bg.png) left top repeat-x;
        border: 1px solid #B4E0D0;
        -moz-border-radius: 20px;
        -khtml-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding-left: 10px;
        margin-bottom: 10px;
    z-index:100;
    position: relative;
    	}
    
    #navcontainer .current-cat a {
    	color:#F76A0C;
        text-decoration: none;
    z-index:103;
    position: relative;
    	}
    
    • Ответ изменён 9 лет назад пользователем korsar01.

    Получилось сделать вот так:
    Сначала установил AJAX Thumbnail Rebuild и Auto Post thumbnail.
    Попробовал ими поочереди поиграться. В принципе auto post thumbnail показал хороший результат, но там ещё начался дубляж миниатюры и картинки в записи. Начал разбираться с этой проблемой и в итоге разобрался как же всё-таки настроить размеры картинок миниатюры и в записи и надобность отпала.

    Чтобы изменился размер миниатюры нужно задать её размер в файле index.php:(причём там автоматом происходит усечение картинки, альбомной и книжной ориентации отображаются по-разному, что хорошо, так как задаются макс размеры, а картинку загружаю чуть больше размера миниатюры)

    <?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(250,290), array("class" => "alignleft post_thumbnail")); } ?>

    Чтобы изменить размеры картинки в записи, необходимо изменить файл single.php:

    <?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(270,325), array("class" => "alignleft post_thumbnail")); } ?>

    У меня тема NatureBlog. Она подставляет свой класс:

    <?php if ( function_exists(«has_post_thumbnail») && has_post_thumbnail() ) { the_post_thumbnail(array(260,300), array(«class» => «alignleft post_thumbnail»)); } ?>

    Размеры миниатюры для всех записей одновременно могу только изменить через style.css в этом классе.(даже через админку не меняются и если 0 прописать и изображение загрузить — ничего не изменяется)
    В строке «the_post_thumbnail(array(260,300)» размер не меняется.

    Пробовал класс убирать(правда у меня тогда миниатюра вообще уезжает вверх над записью) и прописывать в functions.php,:
    // post thumbnail support
    if ( function_exists( ‘add_image_size’ ) ) add_theme_support( ‘post-thumbnails’ );
    if ( function_exists( ‘add_image_size’ ) ) {
    add_image_size( ‘my_image’, 203, 203, true );

    А в index.php, single.php:
    <?php if ( has_post_thumbnail()) the_post_thumbnail(‘my_image’); ?>

    Но ничего не меняются, размер миниатюру задаётся по умолчанию и ничего с этим поделать не могу.
    Подскажите, пожалуйста, как всё же вывести миниатюру с разными размерами для разных записей? (уже внутри записи размер менять не надо, мне лишь бы сама миниатюра вывелась с разными размерами в зависимости от записи)

    Вот, на этом сайте миниатюры разного размера. А в записи эти картинки немного увеличенные. Как такого достичь?

    Миниатюра с разным размером

    И если, допустим я поставлю размеры 0 и для картинки задам нужные размеры — как она увеличиться, когда я перейду на саму запись?

    Вопрос один и тот же. Как изменить размер миниатюры для каждой записи?
    Просто пытаюсь разные места изменять и получаются разные результаты, но желаемого не получаю….

    Я в style.css добавил следующий код и у меня теперь изображение меняется.
    .post_thumbnail {
    background-color: #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
    margin: 0 10px 10px 0;
    padding: 5px;
    width:210px;
    height:300px;
    }

    Мне же нужно сделать следующее:
    1) Размер миниатюры для каждой записи свой
    2) В самой записи опять же размер картинки другой для каждой записи.

    Как такое возможно реализовать? Может плагин есть какой?

    Что-то всё сломалось. Не могу изменить размер миниатюры.
    В записи нажимаю Добавить миниатюру и выбираю нужную картинку. Размер ставится какой-то непонятный. В Параметрах-Медиафайлы задаю разные значения — но ничего не меняется ни в записи, ни в миниатюре. Подскажите, как поменять?

Просмотр 11 ответов — с 1 по 11 (всего 11)