X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> DLE Помогите увеличить новость с постером, DLE 10.1 помогите, пожалуйста, увеличить картинку и краткую новость..
ZeN41k
ZeN41k
Topic Starter сообщение 18.2.2014, 19:59; Ответить: ZeN41k
Сообщение #1


Новичок
*


Группа: User
Сообщений: 46
Регистрация: 4.10.2011
Поблагодарили: 6 раз
Репутация:   0  


Уважаемые форумчане, помогите, сутки не могу разобраться, как увеличить картинку и новость, чтобы было так:
Развернуть/Свернуть


Временный сайт с этим шаблоном - 34534z.by

Вот shortstory.tpl:
Развернуть/Свернуть
<div class="main-news">
<div class="main-news-all">
<div class="main-news-image">
[full-link]<span class="main-news-img-fon"><img src="{image-1}" alt="{title}" /></span>[/full-link]
</div>
<div class="right-col-main-news">
<h2>[full-link]{title}[/full-link]</h2>
<div class="main-news-content">
{short-story limit="700"}<div style="clear: both;"></div>
</div>
</div>
<div class="main-news-info">
<div class="main-news-more2">
[full-link]Читать далее[/full-link]
</div>
<div class="views-com">{views} / <span>[com-link]{comments-num}[/com-link]</span></div>
<div class="date">{date=d F Y}</div>
<div class="reit">
[rating]{rating}[/rating]

</div>
</div>
</div>
</div>

Вот style.css (обрезанный)
Развернуть/Свернуть
.left-col{
width: 680px;
float: left;
margin: 8px 0 0 0;
}

.shortstory-block{
background: url(../images/short-repeat.jpg) 0 0 repeat-y;
}

.shortstory-block-top{
background: url(../images/short-top.jpg) 0 top no-repeat;
padding: 6px 0 5px 0;
}

.main-news{
background: url(../images/short-story.png) 0 0 repeat-y;
width: 672px;
height: 198px;
margin: 5px 0 0 5px;

}

.main-news-all{
padding: 12px 0 0 10px;
}
.main-news-image{
background: #fff;
border: 1px solid #dbdbdb;
width: 222px;
height: 128px;
position: relative;
float: left;
margin: 0 0 0 5px;
}

.main-news-img-fon{
display: block;
width: 222px;
height: 120px;
overflow: hidden;
position: relative;
top: 4px;
left: 4px;
}
.main-news-img-fon img{
width: 214px;
min-height: 120px;
position: absolute;
top: 0px;
left: 0px;
}

.right-col-main-news{
float: left;
width: 415px;
height: 125px;
margin: 0 0 0 11px;
}

.right-col-main-news h2 a{
display: block;
font: bold 13px Arial;
color: #000;
overflow: hidden;
height: 38px;
margin: 4px 0 0 0;
}
.right-col-main-news h2 a:hover{
text-decoration: underline;
}

.size-foto img{
position: absolute;
top: 4px;
left: 4px;
width: 214px;
height: 120px;
}
.main-news-content{
font: 11px Arial;
color: #2b2b2b;
line-height: 16px;
height: 81px;
overflow: hidden;
}

.main-news-content br{
display: none;
}

.main-news-info{
position: relative;
width: 655px;
height: 47px;
top: 136px;
}

.main-news-more2 a{
display: block;
background: url(../images/more.png) 0 top no-repeat;
position: absolute;
top: 9px;
left: 4px;
width: 181px;
height: 30px;
font: bold 11px Arial;
color: #fff;
line-height: 30px;
text-align: center;
text-transform: uppercase;
}
.main-news-more2 a:hover{
background: url(../images/more.png) 0 bottom no-repeat;
}

.views-com{
font: 11px Arial;
color: #323232;
position: absolute;
top: 18px;
left: 198px;
}

.views-com span a{
text-decoration: underline;
color: #323232;
}

.date{
background: url(../images/date-fon.jpg) 0 0 no-repeat;
width: 100px;
height: 27px;
position: absolute;
top: 10px;
left: 423px;
font: 11px Arial;
color: #656565;
line-height: 27px;
padding: 0 0 0 30px;
}

.reit{
background: url(../images/reit-fon.jpg) 0 0 no-repeat;
width: 100px;
height: 27px;
position: absolute;
top: 10px;
left: 539px;
font: 11px Arial;
color: #656565;
padding: 7px 0 0 10px;
}


Сообщение отредактировал ZeN41k - 18.2.2014, 20:07


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WordPrezz
WordPrezz
сообщение 19.2.2014, 8:36; Ответить: WordPrezz
Сообщение #2


Частый гость
**

Группа: User
Сообщений: 84
Регистрация: 4.1.2014
Поблагодарили: 11 раз
Репутация:   2  


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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nemo
Nemo
сообщение 19.2.2014, 9:19; Ответить: Nemo
Сообщение #3


Оптимизатор
*******

Группа: Active User
Сообщений: 3129
Регистрация: 22.8.2007
Поблагодарили: 456 раз
Репутация:   163  


Попробовал своими знаниями тоже не смог. Тоже ищю человека который мог бы помочь с css. ТС если решите проблему поделитесь кто помог.


--------------------
Крауд-маркетинг, ссылки покупаю здесь
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WordPrezz
WordPrezz
сообщение 19.2.2014, 9:29; Ответить: WordPrezz
Сообщение #4


Частый гость
**

Группа: User
Сообщений: 84
Регистрация: 4.1.2014
Поблагодарили: 11 раз
Репутация:   2  


Nemo, напишите мне по контактам, попробую помочь.

Цитата
Мои контакты:

653136208

wordprezz

wordprezz@yandex.ru


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 19.2.2014, 10:07; Ответить: x64
Сообщение #5


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3426
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2749 раз
Репутация:   289  


допустим, нужно увеличить высоту ровно в 2 раза. это даст добавку +198 пикселей к размерам/смещениям по вертикали.

для начала понадобится увеличить фоновую картинку (по вертикали, естественно):
/templates/game_template/images/short-story.png
(путь относительно корня сайта!)

далее, лезем в стили:
/templates/game_template/css/style.css
ищем соответствующие описания и меняем:

Развернуть/Свернуть
Код
                    .main-news{
                        background: url(../images/short-story.png) 0 0 repeat-y;
                        width: 672px;
                        height: 396px; /* +198px */
                        margin: 5px 0 0 5px;
                        
                    }

/* ... */

                        .main-news-img-fon{
                            display: block;
                            width: 222px;
                            height: 318px; /* +198px */
                            overflow: hidden;
                            position: relative;
                            top: 4px;
                            left: 4px;
                        }

/* ... */

                        .main-news-image{
                            background: #fff;
                            border: 1px solid #dbdbdb;
                            width: 222px;
                            height: 326px; /* +198px */
                            position: relative;
                            float: left;    
                            margin: 0 0 0 5px;
                        }

/* ... */

                        .right-col-main-news{
                            float: left;
                            width: 415px;
                            height: 323px; /* +198px */
                            margin: 0 0 0 11px;
                        }

/* ... */

                                .main-news-content{
                                    font: 11px Arial;
                                    color: #2b2b2b;
                                    line-height: 16px;
                                    height: 279px; /* +198px */
                                    overflow: hidden;
                                }

/* ... */

                            .main-news-info{
                                position: relative;
                                width: 655px;
                                height: 47px;
                                top: 334px; /* +198px */
                            }



ps: меняется только то, что снабжено комментарием /* +198px */
ну и картинку нарастить по вертикали легко можно.

Сообщение отредактировал x64 - 19.2.2014, 10:09


--------------------


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Регистрация Вашего сайта (профиля,DLE сайты,подписи на форумах,постинг Тиц 10> , ПР 1>)
278 kaartes 102741 14.12.2017, 10:55
автор: kukla
Открытая тема (нет новых ответов) Адаптивная вёрстка и натяжка на Wordpress, DLE, Joomla и др. Создание мобильных версий.
Хороший код с оптимизацией по скорости. Сайты и лендинги "под ключ
15 Nell 1152 13.12.2017, 23:36
автор: Nell
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1344 11.12.2017, 13:11
автор: Mikki
Горячая тема (нет новых ответов) Услуги по CMS Wordpress, DLE, Joomla!. Правки, ремонт, настройка.
Редактирование и правки. Низкие цены.
142 contex1 65145 5.12.2017, 12:13
автор: contex1
Открытая тема (нет новых ответов) Требуется так сказать оптимизация шаблона DLE
5 Deadman_n 413 2.12.2017, 13:24
автор: Deadman_n


 



RSS Текстовая версия Сейчас: 16.12.2017, 0:16
Дизайн