Единый форум поддержки

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

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Переоформление форума в структурированную галерею

Переоформление форума в структурированную галерею

Страница:   1 2 3

Сообщений 41 страница 49 из 49

41

  • Автор: Pasteur
  • Заслуженный
  • Pasteur
  • Зарегистрирован: Чт, 10 Дек 2020
  • Сообщений: 121
  • Уважение: +430
  • Позитив: +415
  • Пол: Мужской
  • Последний визит:
    Чт, 17 Авг 2023 14:55:35

kolobdur74, попробую сегодня слепить картиночные заголовки 3-6 тем в одном из форумов категории CINEMA. А также обновлённый макет главной страницы - уже с супер-пупер шапкой. Кстати, приделал уже её, но, как водится, слегка коряво: она у меня поставлена впритык к правому краю, а слева - выходит за ширину ОСНОВНОГО поля форума, но экран не растягивает, потому что форум отлично настроен на удержание габаритов https://i.imgur.com/9KJdYBP.png (при случае, плиз, глянь там в админке, чего нужно подправить  ;)  )

Да, ещё забыл сказать про БС: она не всегда запускается автоматически, часто, чтобы поехала, приходится перезагружать страницу. Это беда не только данного форума, - у меня и на тестовике, и на учебном форуме такое в постах происходит (причём, независимо от того, насколько БС перегружена, - бывает, что и 5-6 легковесных миниатюрок без дополнительного пинка не начинают движение).

Отредактировано Pasteur (Вт, 26 Июл 2022 12:02:37)

0

42

  • Автор: Pasteur
  • Заслуженный
  • Pasteur
  • Зарегистрирован: Чт, 10 Дек 2020
  • Сообщений: 121
  • Уважение: +430
  • Позитив: +415
  • Пол: Мужской
  • Последний визит:
    Чт, 17 Авг 2023 14:55:35

Обновлённые макеты главной страницы

Так главная страница выглядит сейчас
И вот где-то так будет выглядеть окончательный её вариант при свёрнутых категориях (картинки, само знамо, поменяю с тестовых на тематические)
А это пример разворачивания категорий  (у заголовков-картинок форумов видны только левые 50%)
Страница "открытый форум" посложнее, но в общем-то там всё так же, как описывалось в прошлом комментарии. Однако, есть и изменения: кнопки-невидимки, кнопка-шторка, под которой на выдвижном поле спрятаны ещё пять, и плюс  доп.поля (пробелы, интервалы одинаковой высоты --> 1 - после гл. меню с нижней перфорацией, 2 - после картинки-названия форума, 3 - после блока тем, 4 - после кнопки-шторки в виде узкой серой полоски/линии) - о них я писал, теперь вот и нарисовал для наглядности

Отредактировано Pasteur (Вт, 26 Июл 2022 23:17:37)

0

43

  • Автор: Millafan
  • Заслуженный
  • Millafan
  • Зарегистрирован: Вс, 28 Окт 2012
  • Сообщений: 35
  • Уважение: +36
  • Позитив: +57
  • Пол: Мужской
  • Последний визит:
    Пт, 29 Июл 2022 17:10:49
Сначала выскажусь не в тему, но от дущи: первое дело на деревне - это хорошие соседи!  :yep:

Мало того, что Михалыч с супругой меня вечно подкармливают всяким свежачком (отошшал, мол, студент, -   :rolleyes:  это они меня ещё с тех пор помнят, как я изредка наезжал к тётке, пока жива была... Ну, студент, так студент, - и пофиг, что уже давно трансформировался в матерого препода  :D ), так вот ещё и "чартер" в город наладили (так, блин, здорово без всех этих маршруточных проблем!).

Сегодня, наконец, займусь своим форумом: времени - вагон (Михалыч к племяшу на крестины отправился, и заедет за мной на обратном пути - утром)

kolobdur74

Огромное спасибо за новый блок кодов (с кнопочками). Всё встало идеально, как там и росло  :cool:

Сегодня планирую в хтмл-верх и -низ вставить дополнительно коды и скрипты, которые там раньше были (пагинатор, обтекание изображения, настраиваемые бордюры таблиц, доп. фотохостинги, фрейм в посте и т.д.). Ставить буду аккуратно, по одному, если какой-то попробует конфликтовать с твоим блоком, - отложу в сторонку до консультации.
Эх, надо бы заняться панорамками для названий категорий и форумов, но боюсь, до них просто руки не дойдут  :dontknow:
По дальнейшей модернизации есть такой вопрос: как бы поменять цветовую гамму форума с оливковой на какую-то ультрафиолетовую что ли? Или сиреневую. Как-то такие оттенки больше в стиле Миллы, какой я ее себе представляю  :blush:  Если покажешь, где чо покрутить-поменять, я в следующий приезд плотно засяду за цветовые эксперименты.
Что касается дальнейшей модернизации страниц форума (убрать лишнее, переставить имеющееся, заменить текст на значки), то у меня созрел хитрый план: Pasteur, как я понял из скриншотов, что он мне выслал, делает что-то очень похожее по Челентано. На вид оно, может, и не сильно похоже, но принципы построения - те же и идеи модернизации форумной архитектуры и отдельных элементов довольно близки.  Вот я и думаю, может не напрягаться, а по ходу просто применить коды, сделанные по его запросам? - если что-нибудь не так будет функционировать (хотя, с чего бы?), тогда и встанет вопрос о необходимости  персональных, заточенных именно под "Миллу".

Pasteur

Спасибо за скриншоты с хайдов

Теперь, когда я понимаю об чем речь, гораздо интереснее стало возиться и со своим форумом: например, "идея блока тем картинками" мне как-то в голову не приходила, а сейчас вот уже вплотную тасую фотки для коллажей под нее. Прозрачные кнопки для функциональных клавиш (как на категориях "закрыть/открыть") - это прикольно, правда, мне это никуда (или все-таки куда-то приделаю?..) А зато кнопка-шторка с выдвижным полем, на котором дополнительные кнопки - это очень даже очень. В мемориз  :D
И последнее. Пропиши меня, плиз, у себя на форуме (а то рега закрыта), чтобы вживе мог наблюдать за реконструкцией и модернизацией. Тебе я тоже выслал в личку параметры входа. Так что будем дружить домами  :flag:

+1

44

  • Автор: Pasteur
  • Заслуженный
  • Pasteur
  • Зарегистрирован: Чт, 10 Дек 2020
  • Сообщений: 121
  • Уважение: +430
  • Позитив: +415
  • Пол: Мужской
  • Последний визит:
    Чт, 17 Авг 2023 14:55:35

Millafan,

оффтоп - алаверды

смотрю света у тебя на селе так и нету  :dontknow:  Я бывал в подобной ситуации, правда давно, в докомпьютерные времена, тогда это  переносилось гораздо легче: книгу-то и при керосиновой лампе почитать можно, если приспичит, а что телевизор не работает, так и фиг с ним. Меня климатило только то, что какой-то умник придумал в "гостинке", куда меня поселили как новенького, установить электроплиты вместо газовых, - пришлось обзаводиться примусом на последние сбережения  :D 

Скрины - сильвупле, обращайся.

Тебя на форуме прописал, рег.данные выслал. Дружим домами :)

Твой "хитрый план" воспользоваться одними и теми же кодами мне тоже на руку,  - удастся плавно съехать с обещанных макетов для твоего форума  ;)
Только поосторожней с размерами и встроенными картинками, чтобы не затёрлось то, что у тебя есть: форумы хоть и похожие, согласен, но имеют массу отличий в нюансах, которые потом замаешься корректировать.

И по кодам-модам, которые собрался ставить. - Сразу отложи в сторонку "загрузчик изображений", "выделение кода одним кликом", "сворачивалка сообщений"... ещё штуки три вызывали у меня вопросы, вспомню какие именно - напишу.

В эти выходные kolobdur74 обещал поколдовать с новыми кодами для блоков тем, так что в следующий приезд получишь ещё больше приятных сюрпризов  :yep:

Отредактировано Pasteur (Пт, 29 Июл 2022 03:01:10)

0

45

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:46:08

Pasteur, пока по поводу шапки.. Замени весь этот блок:

<!====================================================================>

<!—ШАПКА - черная подложка --><div style="position:absolute; right:0%; top:34px;">
<img src="Ссылка на картинку" border="0" />
</div>

<!—ШАПКА - бегущее слайдшоу-1 --><div style="position:absolute; right:0%; top:34px;">
<marquee behavior="alternate" scrollamount="5" style="color: #D9470D; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">
<img src="Ссылка на картинку"/> <img src="Ссылка на картинку"/> <img src="Ссылка на картинку"/>
</marquee>
</div>

<!—ШАПКА - верх.перфорация --><div style="position:absolute; right:0%; top:0px;">
<img src="Ссылка на картинку" border="0" />
</div>

<!—ШАПКА - прозрачка-название форума --><div style="position:absolute; right:0%; top:34px;">
<img src="Ссылка на картинку" border="0" />
</div>

<!—ШАПКА - прозрачка-антикопирка --><div style="position:absolute; right:0%; top:0px;">
<img src="Ссылка на картинку" border="0" />
</div>

<!====================================================================>

На вот этот:

Код:
<!====================================================================>

<!—ШАПКА - бегущее слайдшоу-1 -->
<style>
/* Фон, перфорация верх-низ */
.slyde {
  position: absolute; 
  right: 0%; 
  top: 34px;
  height: 268px;
  background: url(Ссылка на картинку перфорация верх) 0 -5px repeat-x, 
              url(Ссылка на картинку перфорация низ) 0 calc(100% + 5px) repeat-x, 
	          url(Ссылка на картинку фон);
}

/* Бегущая строка */
.ticker {
  height: 208px;
  margin: 30px 0;
  color: #D9470D; 
  font-size: 40px; 
  font-weight: bolder; 
  line-height: 150%; 
  text-shadow: #000000 0px 1px 1px;
}

/* Название форума */
.ticker:before {
  content: url('Ссылка на картинку название форума');
  position: absolute; 
  right: 0%; 
  top: 34px;
  z-index: 1;
}

</style>

<div class="slyde">
<marquee class="ticker" behavior="alternate" direction="right" scrollamount="5">
<img src="Ссылка на картинку"/> <img src="Ссылка на картинку"/> <img src="Ссылка на картинку"/> 
</marquee>
</div>



<!====================================================================>

В моем коде замени эту часть:

/* Настраиваем меню */
#pun-navlinks .container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 0;
}
#navadmin a, #navlogin a, #navlogout a {
  display: block;
  border-radius: 0px;
  width: 50px;
  height: 30px;
}
#pun-navlinks #navlogin, #pun-navlinks #navlogout {padding-right: 0;}
#navadmin a {background: url(https://i.imgur.com/ezvtho2.png) no-repeat;}
#navlogin a {background: url(https://i.imgur.com/ezvtho2.png) no-repeat;}
#navlogout a {background: url(https://i.imgur.com/ezvtho2.png) no-repeat;}

На вот эту:

Код:
/* Настраиваем меню */
#pun-navlinks {
  position: relative;
  margin-top: -78px;
  margin-bottom: 78px !important;
  z-index: 2;
}

#pun-navlinks .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  flex-wrap: nowrap;
}

#pun-navlinks li {flex-basis: 50%;}

#navadmin a, #navlogin a, #navlogout a {
  display: block;
  width: 100%;
  height: 30px;
}
#pun-navlinks #navlogin, #pun-navlinks #navlogout {padding-right: 0;}

#pun-navlinks a:hover {text-decoration: none !important;}

#pun-navlinks a {
  opacity: 0;
  transition: opacity 2.5s;
}

#pun-navlinks a:hover {
  opacity: 1;
}

#pun-navlinks a:before {
  width: 100%;
  display: block;
  line-height: 250%;
  font-size: 12px; 
  text-align: center;
  color: #8470FF;
  text-shadow: 1px 1px #000000;
}

#navadmin a:before {content: 'Админка';}
#navlogin a:before {content: 'Вход';}
#navlogout a:before {content: 'Выход';}

Millafan, если хотите можно и вам в таком виде сделать шапку..

+1

46

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:46:08

Pasteur, для низа в одну строчку, добавь в низ моего кода:

Код:
/* Низ в одну строчку */
#pun-break4 {display: none;}

#pun-about {margin-top: -36px;}

+1

47

  • Автор: Pasteur
  • Заслуженный
  • Pasteur
  • Зарегистрирован: Чт, 10 Дек 2020
  • Сообщений: 121
  • Уважение: +430
  • Позитив: +415
  • Пол: Мужской
  • Последний визит:
    Чт, 17 Авг 2023 14:55:35

kolobdur74
Во-первых, огромное спасибо за блоки кодов, которые решают все проблемы  :cool:
Во-вторых,

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

+1

48

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:46:08
Pasteur написал(а):

Во-вторых

Сделал..))

+1

49

  • Автор: Pasteur
  • Заслуженный
  • Pasteur
  • Зарегистрирован: Чт, 10 Дек 2020
  • Сообщений: 121
  • Уважение: +430
  • Позитив: +415
  • Пол: Мужской
  • Последний визит:
    Чт, 17 Авг 2023 14:55:35
kolobdur74 написал(а):
Pasteur написал(а):

Во-вторых

Сделал..))

kolobdur74
Пасибки за понимание и оперативность  :flag:

Все коды установились (подробности в личке)

Активную проработку моего форума придётся прервать недели на две на самом интересном (блоки тем в 3 столбца затевались). Хотя - он в твоём распоряжении, так шо если будет время и настроение...  :)

А меня сегодня в 6 утра уведомили, чтоб на дежурство явился с командировочным чемоданчиком... мол, не позднее обеда тормознут попутный дилижанс и - фьють! - "малчык едет в Тамбов... чики-чики-чики-чикита". Никто, правда, у малчыка не спрашивал, хоца ему туда или нет  :dontknow: - как-то вот у нас такое не принято...

+1

Страница:   1 2 3

Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Переоформление форума в структурированную галерею