Здравствуйте.
Адрес форума: http://cook.3bb.ru/
За основу дизайна взяла Mybb Card
Изменила шапку, цвета, иконки.
Можно ли сделать вот так:
Как переделать шаблон под себя
Страница: 1
Сообщений 1 страница 15 из 15
Поделиться1Пн, 22 Июл 2013 20:02:46
Поделиться2Пн, 22 Июл 2013 20:23:59
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
Mery_Bos
Ну выложите картинку под фон,
Как
вариант => Типовые Вопросы п.п.31
Поделиться3Пн, 22 Июл 2013 20:42:41
- Заслуженный
- Зарегистрирован: Чт, 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/ форуме или других подобных, дизайн по созданному вами макету с вашими элементами.
Поделиться4Вт, 23 Июл 2013 00:55:55
С шапкой сама точно не разберусь, нужна будет помощь точно.
Вот попыталась подробно описать изменения:
- сократить шапку, убрав имеющийся имидж, а белый контур прижать с небольшим отступом (равным боковому отступу) прижать к блоку "привет, admin".
- строку "новые сообщения", "активные темы" и тд поставить на полупрозрачную плашку и прижать к блоку "привет, admin". Всю строку выровнять по левому краю.
- строку "форум", "участники", "поиск" убрать с плашки, опустить и выровнять по левому краю.
А далее:
2. поставить новый фон.
3. Поставить картинку в футер
4. изменить цвета
Поделиться5Вт, 23 Июл 2013 02:03:39
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
Mery_Bos
Дафайте поставим фон - нужна ссылка на картинку
Поделиться6Вт, 23 Июл 2013 14:05:57
Ссылка на фон верх http://forumstatic.ru/files/0013/24/19/14056.jpg
Поделиться7Вт, 23 Июл 2013 15:28:47
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
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>
Поделиться8Вт, 23 Июл 2013 17:13:34
Deff написал(а):
Для фона - в начало HTML
Круто, он не прокручивается а всегда остается сзади, здорово, ОГРОМНОЕ спасибо. То есть футер не нужен )))
А с шапкой что посоветуете?
Поделиться9Вт, 23 Июл 2013 17:35:48
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
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)
Поделиться10Вт, 23 Июл 2013 18:00:53
отлично!!! а можно еще все приспустить?
Поделиться11Вт, 23 Июл 2013 18:21:07
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
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>
В принципе Вам нужно уменьшать размер картинки
Иначе форум вообще внизу
к примеру так:
<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)
Поделиться12Ср, 24 Июл 2013 22:05:29
Изменила картинку и подняла начало форума, так лучше.
Спасибо еще раз.
Осталось найти инструкцию по смене иконок....
А потом надо пробовать менять цвета 
Поделиться13Ср, 24 Июл 2013 22:14:00
- Заслуженный
- Зарегистрирован: Чт, 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>
Поделиться14Пт, 26 Июл 2013 20:12:01
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)
Поделиться15Вс, 28 Июл 2013 00:48:06
- Заслуженный
- Зарегистрирован: Чт, 16 Сен 2010
- Сообщений: 847
- Уважение: +194
- Позитив: +72
- Последний визит:
Пн, 28 Сен 2015 11:13:49
Mery_Bos, м-мм, дело в том, что вы говорите несколько о другом. То, что я вам привел, и то, о чем вы говорите - разные вещи.
На форумах майбб темы могут иметь картинку-украшательство, но выдается теме определенная иконка по четко прописанным критериям.
Все темы в списке тем выстраиваются в хронологическом порядке, где самая верхняя, первая тема та, в которой оставили самое свежее сообщение в данном форуме. Замыкает перечень тем та, которой пользователи уделили меньше всего внимания, и последнее сообщение в теме было оставлено за царя Панька. Однако для удобства, темы, которые в списке тем конкретно взятого форума должны быть в самом верху, можно выделить, как важные, и если вы прописали для таких тем (важные темы) особую иконку, тогда такие темы поднимутся в начало списка и выделятся этой особой иконкой. Кроме этого, вы можете прописать иконку для тем новых и тем, в которые только что написали сообщение (новые темы). Тогда вслед за списком важных, будут идти темы с новыми сообщениями, а следом - все оставшиеся - с иконкой старых тем. Если же вы какую-то тему закрываете, чтобы в ней более нельзя было писать, и задаете в настройках таким топикам присваивать еще один тип особых иконок, то в списках подобные темы будут выделяться такими иконками. Также есть возможность визуально выделить иконкой темы, которые перемещали в другие форумы, точно также создав и прописав ее.
Отсюда следует вывод, что сервис понимает и различает темы только по указанным принципам:
- важные темы;
- новые темы;
- закрытые темы;
- перемещенные темы;
а так же все остальные, называемые
- старые темы.
Поэтому ваша шкала с типами закусок ему будет непонятна. Он понимает совсем другую. Что, в принципе, не мешает вам использовать понятную сервису систему различания тем по назначению, а также вручную прописывать в названии тем ссылки на картинки-иконки с теми или иными закусками (что вы и сделали). Но я не совсем понимаю, зачем картинка с нужной закуской рядом с названием темы, если эта же информация (тип закуски) будет содержаться в названии форума или даже категории:
» Кулинарный форум. Сборник рецептов » Первые блюда » Мясные
Уже не говоря о том, что вы напридумывали форумов куда больше, чем разнообразие отличимых для сервиса тем.
Страница: 1