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

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

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

Вы здесь » Единый форум поддержки » Корзина » Как переделать шаблон под себя

Как переделать шаблон под себя

Страница: 1

Сообщений 1 страница 15 из 15

1

  • Автор: Mery_Bos
  • Заслуженный
  • Зарегистрирован: Вс, 5 Фев 2012
  • Сообщений: 76
  • Уважение: +1
  • Позитив: +13
  • Последний визит:
    Ср, 13 Май 2015 22:35:26

Здравствуйте.

Адрес форума: http://cook.3bb.ru/

За основу дизайна взяла Mybb Card
Изменила шапку, цвета, иконки.

Можно ли сделать вот так:
http://s4.uploads.ru/t/8Eb1d.jpg

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51451
  • Уважение: +15414
  • Позитив: +12017
  • Последний визит:
    Вчера 18:01:29

Mery_Bos
Ну выложите картинку под фон,
Как
вариант => Типовые Вопросы п.п.31

0

3

  • Автор: Remus John Lupin
  • Заслуженный
  • Remus John Lupin
  • Зарегистрирован: Чт, 16 Сен 2010
  • Сообщений: 847
  • Уважение: +194
  • Позитив: +72
  • Последний визит:
    Пн, 28 Сен 2015 11:13:49

Mery_Bos, можно все, только вопрос вы задали о-о-очень абстрактно. Любой дизайн состоит из элементов - мелких, тонко настраиваемых, с ворохом своих особенностей и возможностей. Поэтому на данный момент на тот вопрос, что вы задали, можно ответить только "да" и больше ничего. Любая конкретика со стороны помогающего может существовать только после конкретики с вашей стороны, как заказчика.
И да, фактически, это создание нового дизайна на основе базы, поэтому здесь имеет место два варианта. Либо вы берете на вооружение вот эти три ссылки с их содержимым:
1. htmlbook
2. http://forumdts.org/ - 'Как сделать дизайн форума? Все о создании стиля на примере Mybb форума' (ссылку даю наугад, у меня сейчас нет доступа к форуму)
3. FAQ по дизайну форума в CSS
и постепенно, потихоньку, сами разбираетесь, что к чему, следуя Внимание, читать всем! Золотые правила для админов-новичков!. Со всеми конкретными вопросами вам помогут в трех основных темах: Общие вопросы от новичков (43), Общие вопросы по оформлению (49) и Общие вопросы по администрированию (5).
Второй вариант - вы заказываете на вот этом http://forumdts.org/ форуме или других подобных, дизайн по созданному вами макету с вашими элементами.

0

4

  • Автор: Mery_Bos
  • Заслуженный
  • Зарегистрирован: Вс, 5 Фев 2012
  • Сообщений: 76
  • Уважение: +1
  • Позитив: +13
  • Последний визит:
    Ср, 13 Май 2015 22:35:26

С шапкой сама точно не разберусь, нужна будет помощь точно.

Вот попыталась подробно описать изменения:
- сократить шапку, убрав имеющийся имидж, а белый контур прижать с небольшим отступом (равным боковому отступу) прижать к блоку "привет, admin".
- строку "новые сообщения", "активные темы" и тд  поставить на полупрозрачную плашку и прижать к блоку "привет, admin". Всю строку выровнять по левому краю.
- строку "форум", "участники", "поиск" убрать с плашки, опустить и выровнять по левому краю.

А далее:
2. поставить новый фон.
3. Поставить картинку в футер
4. изменить цвета

0

5

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51451
  • Уважение: +15414
  • Позитив: +12017
  • Последний визит:
    Вчера 18:01:29

Mery_Bos
Дафайте поставим фон - нужна ссылка на картинку

0

6

  • Автор: Mery_Bos
  • Заслуженный
  • Зарегистрирован: Вс, 5 Фев 2012
  • Сообщений: 76
  • Уважение: +1
  • Позитив: +13
  • Последний визит:
    Ср, 13 Май 2015 22:35:26

Ссылка на фон верх https://forumstatic.ru/files/0013/24/19/14056.jpg

На футер https://forumstatic.ru/files/0013/24/19/78393.jpg

0

7

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51451
  • Уважение: +15414
  • Позитив: +12017
  • Последний визит:
    Вчера 18:01:29

Mery_Bos
Для фона - в начало HTML

<style type="text/css">
body {
background: transparent none !important;
}
html {
background: url(http://s5.uploads.ru/FkvJq.jpg) top center fixed;
}
</style>

0

8

  • Автор: Mery_Bos
  • Заслуженный
  • Зарегистрирован: Вс, 5 Фев 2012
  • Сообщений: 76
  • Уважение: +1
  • Позитив: +13
  • Последний визит:
    Ср, 13 Май 2015 22:35:26
Deff написал(а):

Для фона - в начало HTML

Круто, он не прокручивается а всегда остается сзади, здорово, ОГРОМНОЕ спасибо. То есть футер не нужен )))

А с шапкой что посоветуете?

0

9

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51451
  • Уважение: +15414
  • Позитив: +12017
  • Последний визит:
    Вчера 18:01:29
Mery_Bos написал(а):

А с шапкой что посоветуете?

<style type="text/css">

body {
background: transparent none !important;
}
html {
background: url(http://s5.uploads.ru/FkvJq.jpg) top center fixed;
}
#pun{background-image:none !important;
}
#pun-navlinks {
  margin:0;
}
</style>

Добавьте синим

Отредактировано Deff (Вт, 23 Июл 2013 17:36:06)

0

10

  • Автор: Mery_Bos
  • Заслуженный
  • Зарегистрирован: Вс, 5 Фев 2012
  • Сообщений: 76
  • Уважение: +1
  • Позитив: +13
  • Последний визит:
    Ср, 13 Май 2015 22:35:26

отлично!!! а можно еще все приспустить?

http://s5.uploads.ru/t/pzAim.jpg

0

11

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51451
  • Уважение: +15414
  • Позитив: +12017
  • Последний визит:
    Вчера 18:01:29
Mery_Bos написал(а):

можно еще все приспустить?

<style type="text/css">

    body {
    background: transparent none !important;
    }
    html {
    background: url(http://s5.uploads.ru/FkvJq.jpg) top center fixed;
    }
    #pun{background-image:none !important;
    margin-top:490px;
    }
    #pun-navlinks {
      margin:0;
    }
    </style>

:glasses: В принципе Вам нужно уменьшать размер картинки
Иначе форум вообще внизу
к примеру так:
<style type="text/css">

    body {
    background: transparent none !important;
    }
    html {
    background: url(http://s5.uploads.ru/FkvJq.jpg) top center fixed;
    background-size:90%;
    }
    #pun{background-image:none !important;
    margin-top:490px;
    }
    #pun-navlinks {
      margin:0;
    }
    </style>

Но  картинку делать со стыкованными краями с копией

Отредактировано Deff (Вт, 23 Июл 2013 18:21:32)

+1

12

  • Автор: Mery_Bos
  • Заслуженный
  • Зарегистрирован: Вс, 5 Фев 2012
  • Сообщений: 76
  • Уважение: +1
  • Позитив: +13
  • Последний визит:
    Ср, 13 Май 2015 22:35:26

Изменила картинку и подняла начало форума, так лучше.
Спасибо еще раз.

Осталось найти инструкцию по смене иконок....

А потом надо пробовать менять цвета  :rolleyes:

0

13

  • Автор: Remus John Lupin
  • Заслуженный
  • Remus John Lupin
  • Зарегистрирован: Чт, 16 Сен 2010
  • Сообщений: 847
  • Уважение: +194
  • Позитив: +72
  • Последний визит:
    Пн, 28 Сен 2015 11:13:49

Mery_Bos,

<style type="text/css">

div.icon { /*иконка темы Старая*/
  background: url(прямая ссылка на картинку) no-repeat;
}

tr.inew div.icon { /*иконка темы Новая*/
  background: url(прямая ссылка на картинку) no-repeat;
}

tr.isticky div.icon { /*иконка темы Важная*/
  background: url(прямая ссылка на картинку) no-repeat;
}

tr.iclosed div.icon { /*иконка темы Закрытая*/
  background: url(прямая ссылка на картинку) no-repeat;
}
    </style>

Можно вставлять без тегов <style type="text/css"></style>, добавляя сам код к уже посоветованным вам ранее, но следите, чтобы все коды оказались обернуты в один общий тег <style type="text/css"> - перед всеми кодами и </style> - в конце всех кодов. Это всё так же в html-верх :-):

<style type="text/css">
настройки шапки

настройки иконок

настройки ссылок
</style>

0

14

  • Автор: Mery_Bos
  • Заслуженный
  • Зарегистрирован: Вс, 5 Фев 2012
  • Сообщений: 76
  • Уважение: +1
  • Позитив: +13
  • Последний визит:
    Ср, 13 Май 2015 22:35:26

Remus John Lupin
Попробовала... глобально здорово. Но я хотела так (если такое возможно)

Код:
<style type="text/css">

    div.icon { /*иконка темы Горячие закуски*/
      background: url(прямая ссылка на картинку) no-repeat;
    }

    tr.inew div.icon { /*иконка темы Вторые блюда*/
      background: url(прямая ссылка на картинку) no-repeat;
    }

    tr.isticky div.icon { /*иконка темы Горячие закуски*/
      background: url(прямая ссылка на картинку) no-repeat;
    }

    tr.iclosed div.icon { /*иконка темы Холодные закуски*/
      background: url(прямая ссылка на картинку) no-repeat;
    }
        </style>

и тд

Отредактировано Mery_Bos (Сб, 27 Июл 2013 13:39:06)

0

15

  • Автор: Remus John Lupin
  • Заслуженный
  • Remus John Lupin
  • Зарегистрирован: Чт, 16 Сен 2010
  • Сообщений: 847
  • Уважение: +194
  • Позитив: +72
  • Последний визит:
    Пн, 28 Сен 2015 11:13:49

Mery_Bos, м-мм, дело в том, что вы говорите несколько о другом. То, что я вам привел, и то, о чем вы говорите - разные вещи.
На форумах майбб темы могут иметь картинку-украшательство, но выдается теме определенная иконка по четко прописанным критериям.
Все темы в списке тем выстраиваются в хронологическом порядке, где самая верхняя, первая тема та, в которой оставили самое свежее сообщение в данном форуме. Замыкает перечень тем та, которой пользователи уделили меньше всего внимания, и последнее сообщение в теме было оставлено за царя Панька. Однако для удобства, темы, которые в списке тем конкретно взятого форума должны быть в самом верху, можно выделить, как важные, и если вы прописали для таких тем (важные темы) особую иконку, тогда такие темы поднимутся в начало списка и выделятся этой особой иконкой. Кроме этого, вы можете прописать иконку для тем новых и тем, в которые только что написали сообщение (новые темы). Тогда вслед за списком важных, будут идти темы с новыми сообщениями, а следом - все оставшиеся - с иконкой старых тем. Если же вы какую-то тему закрываете, чтобы в ней более нельзя было писать, и задаете в настройках таким топикам присваивать еще один тип особых иконок, то в списках подобные темы будут выделяться такими иконками. Также есть возможность визуально выделить иконкой темы, которые перемещали в другие форумы, точно также создав и прописав ее.
Отсюда следует вывод, что сервис понимает и различает темы только по указанным принципам:
- важные темы;
- новые темы;
- закрытые темы;
- перемещенные темы;
а так же все остальные, называемые
- старые темы.
Поэтому ваша шкала с типами закусок ему будет непонятна. Он понимает совсем другую. Что, в принципе, не мешает вам использовать понятную сервису систему различания тем по назначению, а также вручную прописывать в названии тем ссылки на картинки-иконки с теми или иными закусками (что вы и сделали). Но я не совсем понимаю, зачем картинка с нужной закуской рядом с названием темы, если эта же информация (тип закуски) будет содержаться в названии форума или даже категории:

» Кулинарный форум. Сборник рецептов » Первые блюда » Мясные

Уже не говоря о том, что вы напридумывали форумов куда больше, чем разнообразие отличимых для сервиса тем.

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Как переделать шаблон под себя