Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Шаблон Pisces

Шаблон Pisces

bot 27.06.2011 шаблон, pisces, верстка Все вопросы » Общие вопросы по вёрстке 9660

вопрос

Привет! :)
Подскажи как переделать этот шаблон в 3 колонки.Левую,основную и правую?
Или как изменить ширину левой колонки? Спасибо заранее)

Ответил: ПафНутиЙ

Лучший вариант - сделать новый, нормальный шаблон.

Шаблон Picses не был сделан в расчёте на изменение количества колонок. Отредактировать его конечно можно, но смысла я не вижу, это половину шаблона надо перелопатить.

Если хочешь сделать шаблон - делай с нуля, подглядывая в хорошие работы.

11 комментариев

Юзер

blackwolfinsane - 2014-06-2727 июля 2011 16:27 - #47

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

Юзер

Wow-man - 2014-06-2730 июля 2011 01:51 - #133

ПафНутий, на самом деле не пол шаблона ;) а строк так 10.
Можно сказать, что я только из-за этих трех колонок и зарегистрировался на сайте - мне вот просто позарез как надо в 3 колонки его сделать.
Максимум чего я достиг - это три колонки:
http://radikal.ru/F/i055.radikal.ru/1107/55/ddc6d9d4ed84.jpg.html

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

Но для размышления поделюсь своими идеями, может автору топика чем-то поможет или натолкнет на правильный ответ.
Во-первых, нужно понимать то, что в три колонки при текущей ширине шаблона - выйдет не совсем приемлемая картина, поэтому надо подумать о том, что сделать шаб по-шире, например на 270px - то есть добавляем к текущей ширине, ширину крайней колонки.
styles.css

.wrapper { max-width: 1120px;

1120 заменить, например на 1300, при этом надо учитывать, что изменится размер блока, в котором находится слайдер: либо уменьшать также размер блока, либо увеличивать сам слайдер

Юзер

Wow-man - 2014-06-2730 июля 2011 01:53 - #134

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

.wsh { padding-right: 8px; overflow: hidden; height: 8px; font: 1px/1px sans-serif; background: #fff url("../images/wsh.png") no-repeat 100% -8px; }
    .wsh .wsh { background-position: 0 0; padding: 0; }

    #vsepfoot { background-position: 100% -24px; }
        #vsepfoot .wsh { background-position: 0 -16px; }

    .vsep { background: #f1f0ed url("../images/vsep.png") repeat-y; padding: 0 0 0 270px; }
        .vsep .vsep { padding: 0; width: 100%; background: #fff; }

        #sidebar { padding: 6px 0 0 13px; width: 257px; margin: 0 0 0 -270px; }
        #midside { padding: 6px 0 0 0; width: 100%; overflow: hidden; }
            #midside
img { max-width: 660px; }

Из данного отрывка видишь названия двух графических файлов, которые было бы неплохо отобразить зеркально и видоизменить (точнее добавить) выше написанный код в соответствии с будущим правым блоком.
Затем в шаблон main.tpl, вставить в нужное место что-то типа

<div id="sidebar2" class="rcol">
{include file="sidebar2.tpl"}
</div>

Я был бы очень рад, если бы кто-нибудь довел бы мои мысли до конца и помог бы мне справится с этими тремя колонками. Если найду в другом месте нужное решение или методом "тыка" приду сам к нужному варианту - обязательно сообщу тут

Юзер

sireja - 2014-06-2722 августа 2011 22:22 - #668

Я для своих сайтов переделываю именно шаблон Пискес. Вот один из них SiteKonstruktor.ru. Поначалу я тоже думал как воткнуть туда третию колонку, но ничего не выходило. А решение вот какое. Перед созданием шаба рекомендую просмотреть видео курсы по верстке шаблона на Dle, скачать можно с videoznaika.ru. Берете каркас трехколоночного шаблона, я использую с сайта Zvirec.com, поищите, он вложен в видео уроке про блочную верстку. А дальше просто переносите все нужное в этот каркас из шаблона Piskes, объяснить всего одним коментом все равно не смогу, но если вы разбираетесь структуре шаблона Dle у вас на все про все уйдет один день вместе с дизайном.

Юзер

blackwolfinsane - 2014-06-276 декабря 2011 20:11 - #2701

вот то что получилось у меня из шаблона Pisces: winked

www.sallatt.ru

Админ

3457

ПафНутиЙ - 2014-06-276 декабря 2011 21:31 - #2704

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

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

heh - 2014-06-2724 января 2012 23:53 - #3305

на Pisces получилось три колонки, но третья, при добавлении контента в основную часть "уезжает" вниз... в чем дело понять никак не могу... Быть может, кто-нибудь знает, как зафиксировать правую колонку... 7wl.ru/3kolonki.jpg

/*---BodyTemplate---*/
.wsh { padding-right: 8px; overflow: hidden; height: 8px; font: 1px/1px sans-serif; background: #fff url("../images/wsh.png") no-repeat 100% -8px; }  
  .wsh .wsh { background-position: 0 0; padding: 0; }

  #vsepfoot { background-position: 100% -24px; }
    #vsepfoot .wsh { background-position: 0 -16px; }

  .vsep { background: #fff repeat-y; padding: 0 0 0 0; }
    .vsep .vsep { padding: 0; width: 100%; background: #fff; }

    #sidebarright { padding: 13px 0 0 6px; width: 255px; margin: -50px 0 0 0px; float: right;}
    #sidebar { padding: 6px 0 0 13px; width: 255px; margin: 0 -270px 0 0; }
    #midside { padding: 6px 0 0 0; margin: 0 260px 0 0; width: 53%;}
    #midside img { max-width: 610px; }

Юзер

heh - 2014-06-2729 января 2012 00:26 - #3401

почему "уезжает" выяснилось. Из-за отступа (margin) третей (правой) колонки от родительского элемента. Но проблема не решена...

Юзер

manucoz - 2014-06-2719 ноября 2012 19:15 - #8685

Вотя сделал 3 калонки токо они рядом можете посматреть http://manucoz.ru/ каму нужно пишите в лс скину как сделал! спасибо вам за помощь

Юзер

geka - 2014-06-2710 марта 2013 04:42 - #12069

Есть уже сделанный шаблон Pisces с тремя колонками.... если кому интересно пишите в skype: ivan-off

Юзер

geka - 2014-06-2710 марта 2013 13:22 - #12080

УПС пардон! На skype: ivan-offf

Похожие вопросы

Последние события

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
Вчера, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

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

наверх