<![CDATA[Форум АлаичЪ'а о SEO - [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/topic/25/ Sat, 08 Sep 2012 03:45:15 +0000 PunBB <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/321/#p321 С image-x

<img src="{image-x}" width="155" height="200">

С доп. поля

[xfgiven_x]<img src="[xfvalue_x]" width="155" height="200">[/xfgiven_x]
]]> Sat, 08 Sep 2012 03:45:15 +0000 https://talk.alaev.info/post/321/#p321 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/281/#p281 wovanich, большущее тебе СПАСИБО!
Вопрос закрыт!
Ещё раз спасибо.

Добавлено: 08-09-2012 07:35:13

А это для остальных, особо одарённых как я, что бы не мучили ВОПРОСАМИ участников форума, куда да что прописывать:
Файл style.css: 

/* ---- story ---- */
.story{padding:15px 0 10px 0; background:url(../images/ssep2.png) repeat-x bottom;}
.sheading{padding:0 10px 8px 10px; background:url(../images/ssep.png) repeat-x bottom;}
    .sheading .dbg, .sheading .dltop, .sheading .drtop, .sheading .dbtm, .sheading .dlbtm, .sheading .drbtm{width:100%; height:100%;}
    .sheading .dbg{background:#05475d url(../images/shedbg.png) repeat-x;}
    .sheading .dltop{background:url(../images/shedltop.png) no-repeat;}
    .sheading .drtop{background:url(../images/shedrtop.png) no-repeat 100% 0;}
    .sheading .dbtm{background:url(../images/shedbtm.png) repeat-x bottom;}
    .sheading .dlbtm{background:url(../images/shedlbtm.png) no-repeat 0 100%;}
    .sheading .drbtm{background:url(../images/shedrbtm.png) no-repeat 100% 100%;}
    .sheading .dtitle{background:url(../images/stitle.png) no-repeat 10px 10px; padding:11px 16px 9px 30px; display:block; font-size:1.2em;color:#f0f5f7;}
    .sheading a{color:#f0f5f7; text-decoration:none;}
        .sheading a:hover{color:#f1b813; text-decoration:none;}

.sdate, .sdate span{background:url(../images/sdate.png) no-repeat; height:41px; float:right; display:inline; margin-right:8px; line-height:33px; color:#3f93b1;}
    .sdate span{ background-position:100% -41px; padding:0 55px; float:left;}    
.ratebox{width:85px; height:17px; float:left; padding-left:10px; padding-top:16px; overflow:hidden;}
.stext{padding:15px;}
    .stext img{padding:5px;}    
.stext1{padding:15px;}      /* ---- Вот 1 строка ---- */
    .stext1 img{float:left; width:155px; padding:5px;}    /* ---- Вот 2 строка ---- */
.storybtm{height:39px; padding:0 10px 8px 10px;}

файл shortstory.tpl

</div>
            [rating]<div class="ratebox">{rating}</div>[/rating]
            <div class="clr"></div>                            
        </div></div></div></div></div></div>
    </div>
    <div class="stext1"> /* ---- Меняем div class="stext" на div class="stext1" ---- */
        {short-story}
        <div class="clr"></div>

    </div>
]]> Sat, 08 Sep 2012 01:35:13 +0000 https://talk.alaev.info/post/281/#p281 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/279/#p279 Попробуй вот файлы

http://narod.ru/disk/60647667001.55f2bb … y.rar.html

]]> Fri, 07 Sep 2012 10:25:19 +0000 https://talk.alaev.info/post/279/#p279 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/277/#p277 Что за байда: Ссылка: http://letitbit.net/download/28652.2936 … 0.rar.html

]]> Fri, 07 Sep 2012 10:00:34 +0000 https://talk.alaev.info/post/277/#p277 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/276/#p276 dark4000 пишет:

Давай сделаем так, Вот файлы: http://letitbit.net/download/28652.2936 … а.rar.html

оооо, не думаю что тебе помогут, залей хоть бы на RGHOST.RU .

]]> Fri, 07 Sep 2012 09:58:45 +0000 https://talk.alaev.info/post/276/#p276 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/274/#p274 Давай сделаем так, Вот файлы: http://letitbit.net/download/28652.2936 … а.rar.html

]]> Fri, 07 Sep 2012 09:54:09 +0000 https://talk.alaev.info/post/274/#p274 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/272/#p272 Эх. Файлы shortstory.tpl, fullstory.tpl и style.css в архив и залейте на файлообменник, ссылку сюда.

]]> Fri, 07 Sep 2012 09:28:05 +0000 https://talk.alaev.info/post/272/#p272 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/269/#p269 Благодарю всех!
Не хрена не получается.

]]> Fri, 07 Sep 2012 08:54:34 +0000 https://talk.alaev.info/post/269/#p269 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/263/#p263 Посмотри если у тебя в короткой новости стиль такой же как в полной т.е этот <div class="stext">. Тогда в файле CSS добавь стиль:
.stext1{padding:15px;}
.stext1 img{float: left; width: 155px; padding:5px}

а в шаблоне короткой новости исправь <div class="stext"> на <div class="stext1">

Добавлено: 07-09-2012 12:30:20

а в html полной новости можно как то прописать?

Можно: <div style="float: left; width: 155px; padding:5px">

А в примее который ты привёл это прописывалось в шаблоне main.tpl перед тегом </head>,
это то же самое что и в файле CSS

]]> Fri, 07 Sep 2012 08:30:20 +0000 https://talk.alaev.info/post/263/#p263 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/261/#p261 wovanich, а в html полной новости можно как то прописать? Я вот что нашёл в инете:

Sisyphus, спасибо большое, помог ваш совет, только я прописал в самом файле вывода полной новости вот это:
<style type="text/css">
.news img {max-width:500px; hight:auto;}
</style>
И применил контейнер news ко всей новости и всё заработало!


Но где он прописал именно, там не написано.
Блин, плохо быть деревянным.
Заранее благодарю.

]]> Fri, 07 Sep 2012 08:06:46 +0000 https://talk.alaev.info/post/261/#p261 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/259/#p259 Конечно рабочего шаблона, Default тут нипричём. И если маленькая картинка нужна в краткой новости, то и {max-width: 155px;} нужно прописывать для стилей краткой новости.
Я бы для стиля краткой новости прописал так -
.stext img { float: left; width: 155px; padding:5px} тогда картинка в короткой новости будет слева и маленькая и не важно какое выравнивание поставит постер.
И нужно смотреть если стили для короткой и полной новости одинаковые, то надо создать отдельные стили.

]]> Fri, 07 Sep 2012 07:35:09 +0000 https://talk.alaev.info/post/259/#p259 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/254/#p254 Kanra пишет:

В файле style.css найти
.stext img{padding:5px;}   
заменить на
.stext img{padding:5px;max-width:155px;max-height:200px;}

Нашёл, поменял, но картинки в кратком и полном описании ложатся по500 рх.
Ещё вопросец:
style.css рабочего шаблона или Default style.css?

]]> Fri, 07 Sep 2012 06:16:45 +0000 https://talk.alaev.info/post/254/#p254 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/247/#p247 В файле style.css найти

.stext img{padding:5px;}

заменить на

.stext img{padding:5px;max-width:155px;max-height:200px;}
]]> Fri, 07 Sep 2012 04:54:45 +0000 https://talk.alaev.info/post/247/#p247 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/243/#p243

.news img {max-width: 155px;}

Благодарю за исчерпывающий ответ! Я конечно извиняюсь, но этот ответ спецам понятен.
Понимаю, вставить в styles.css, ну хотя бы намёк дайте, прописать после или перед какой строкой. В этом деле я ДУБ, изучать нету времени.

Может сделаем вот так. Если Вас конечно не затруднит посмотреть и показать.
Вот мой styles.css. Куда этот код прописать?

/* ---- story ---- */
.story{padding:15px 0 10px 0; background:url(../images/ssep2.png) repeat-x bottom;}
.sheading{padding:0 10px 8px 10px; background:url(../images/ssep.png) repeat-x bottom;}
    .sheading .dbg, .sheading .dltop, .sheading .drtop, .sheading .dbtm, .sheading .dlbtm, .sheading .drbtm{width:100%; height:100%;}
    .sheading .dbg{background:#05475d url(../images/shedbg.png) repeat-x;}
    .sheading .dltop{background:url(../images/shedltop.png) no-repeat;}
    .sheading .drtop{background:url(../images/shedrtop.png) no-repeat 100% 0;}
    .sheading .dbtm{background:url(../images/shedbtm.png) repeat-x bottom;}
    .sheading .dlbtm{background:url(../images/shedlbtm.png) no-repeat 0 100%;}
    .sheading .drbtm{background:url(../images/shedrbtm.png) no-repeat 100% 100%;}
    .sheading .dtitle{background:url(../images/stitle.png) no-repeat 10px 10px; padding:11px 16px 9px 30px; display:block; font-size:1.2em;color:#f0f5f7;}
    .sheading a{color:#f0f5f7; text-decoration:none;}
        .sheading a:hover{color:#f1b813; text-decoration:none;}

.sdate, .sdate span{background:url(../images/sdate.png) no-repeat; height:41px; float:right; display:inline; margin-right:8px; line-height:33px; color:#3f93b1;}
    .sdate span{ background-position:100% -41px; padding:0 55px; float:left;}    
.ratebox{width:85px; height:17px; float:left; padding-left:10px; padding-top:16px; overflow:hidden;}
.stext{padding:15px;}
    .stext img{padding:5px;}        
.storybtm{height:39px; padding:0 10px 8px 10px;}
    .storybtm .dbg, .storybtm .dleft{width:100%; height:100%; background:url(../images/sbtm.png) no-repeat;}
]]> Fri, 07 Sep 2012 01:13:07 +0000 https://talk.alaev.info/post/243/#p243 <![CDATA[Re: [DLE 9.6] Как автоматически изменить размер изображения через CSS]]> https://talk.alaev.info/post/241/#p241 Herb вырвать таким постерам, и на сайт не пускать (моё мнение).
Я так понимаю на контент вам начхать, поэтому поставьте размер картинок такой, какой требуется в полной новости.
а для коротких новостей в css припишите:

.news img {max-width: 155px;}

где .news - класс, в который заворачивается новость.

]]> Thu, 06 Sep 2012 21:11:50 +0000 https://talk.alaev.info/post/241/#p241