Критика форумов IV
Сообщений 661 страница 680 из 989
Поделиться662Пн, 20 Дек 2010 23:22:15
Критикуем дизайн дубль 4
Ну я бы прорисовал фон белым на бекграунде шириной форума(под весь форум) - дабы разделения между секциями скрыть
и сделать покрасивше блоки с выпадающим меню и чуть развинуть первую строку с выпадающим и вторую...
два часа спустя
Ritka, не, - фон на #pun - убирает красивую верхнюю скруглённость, сразу приводя всё к стандартному дизайну - вот если его прорисовать на фоновой картинке, не доводя до округлостей - и не выходя за ширину форума - то да - он придаст элегантность
Отредактировано Deff (Вт, 21 Дек 2010 00:14:35)
Поделиться663Вт, 21 Дек 2010 00:28:12
И как же я это сделаю? T_T
Отредактировано Ritka (Вт, 21 Дек 2010 00:30:41)
Поделиться664Вт, 21 Дек 2010 00:34:30
И как же я это сделаю? T_T
Текущий HTML верх сохраните у себя в топике , а этот вставьте
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<style type="text/css">
#pun-announcement .container background-color {
border-bottom-right-radius: 3em;
border-bottom-left-radius: 3em;
-moz-border-radius-bottomright: 3em;
-moz-border-radius-bottomleft: 3em;
}
</style>
<style type="text/css">
#pun-announcement .container{
background-image: url(http://upforme.ru/uploads/000e/54/93/76-1.jpg);
}
</style>
<style>
#pun-title .title-logo {display : none;}
</style>
<style type="text/css">
#pun-ulinks .container {
border-bottom-right-radius: 3em;
border-bottom-left-radius: 3em;
-moz-border-radius-bottomright: 3em;
-moz-border-radius-bottomleft: 3em;
}
</style>
<style type="text/css">
#pun-title {
border-top-right-radius: 3em;
border-top-left-radius: 3em;
-moz-border-radius-bottomright: 3em;
-moz-border-radius-bottomleft: 3em;
}
</style>
<style type="text/css">
.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
height: 50px;
width: 50px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
Div.icon {
background-image : url(http://upforme.ru/uploads/000e/54/93/70-3.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://upforme.ru/uploads/000e/54/93/70-2.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://upforme.ru/uploads/000e/54/93/70-3.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(адрес иконки закрытой темы);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(адрес иконки переадресации с форума);
background-repeat: no-repeat;
}
</style>
<style type="text/css">
.category h2 span{
display: none;
}
#pun-category1 h2 {
height: 20px;
background-image: url(http://upforme.ru/uploads/000e/54/93/69-5-f.png) !important;
background-repeat: no-repeat;
background-position: top center;
}
#pun-category2 h2 {
height: 20px;
background-image: url(http://upforme.ru/uploads/000e/54/93/69-5-f.png) !important;
background-repeat: no-repeat;
background-position: top center;
}
#pun-category3 h2 {
height: 20px;
background-image: url(http://upforme.ru/uploads/000e/54/93/69-5-f.png) !important;
background-repeat: no-repeat;
background-position: top center;
}
#pun-category4 h2 {
height: 20px;
background-image: url(http://upforme.ru/uploads/000e/54/93/69-5-f.png) !important;
background-repeat: no-repeat;
background-position: top center;
}
#pun-category5 h2 {
height: 20px;
background-image: url(http://upforme.ru/uploads/000e/54/93/69-5-f.png) !important;
background-repeat: no-repeat;
background-position: top center;
}
#pun-category6 h2 {
height: 20px;
background-image: url(http://upforme.ru/uploads/000e/54/93/69-5-f.png) !important;
background-repeat: no-repeat;
background-position: top center;
}
#pun-category7 h2 {
height: 20px;
background-image: url(http://upforme.ru/uploads/000e/54/93/69-5-f.png) !important;
background-repeat: no-repeat;
background-position: top center;
}
#pun-category8 h2 {
height: 20px;
background-image: url(http://upforme.ru/uploads/000e/54/93/69-5-f.png) !important;
background-repeat: no-repeat;
background-position: top center;
}
</style>
<style type="text/css">
#pun {
width: 860px;
margin: 0px auto 0 auto;
background-color: transparent;
}
html {
background: #000000 url(http://savepic.org/1034516.jpg) repeat-y top center !important;
}
body {
padding-top:400px!important;
background: transparent url(http://savepic.org/1029396.jpg) no-repeat top center !important;
}
</style>
<style>
.splCont a{
padding: 0px;
display: block;
}
.splCont a:hover{
display: block;
max-width: 95%;
padding: 0px;
margin: auto;
}
div .splLink {width: 170px; height: 80px; border: none solid #none; background: #none; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: none;}
.spll {width: 170px; height: 80px; }
.spll div .splCont {height: auto; width: 250px; background: url(http://upforme.ru/uploads/000e/54/93/76-1.jpg); padding: none; z-index: 1000; margin-top: none; border: none solid #none; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>Отредактировано Deff (Вт, 21 Дек 2010 01:05:27)
Поделиться665Вт, 21 Дек 2010 01:11:30
Ура, спасибо, огромное!
Поделиться666Вт, 21 Дек 2010 01:13:29
Ура, спасибо, огромное!
Там в принципе под - объвлением вторая округлость - просто картинку в объяве либо соотвественно скруглить либо округлостью + прозрачка сделать
Поделиться667Вт, 21 Дек 2010 01:17:33
Там в принципе под - объвлением вторая округлость - просто картинку в объяве либо соотвественно скруглить либо округлостью + прозрачка сделать
Хорошо, но мне и так всё нравиться
Счастье то какое!хотя не удержалась и исправила
Отредактировано Ritka (Вт, 21 Дек 2010 01:46:30)
Поделиться668Вт, 21 Дек 2010 12:42:19
Ура, спа
поправил Всплывающее меню,(попробуйте заменить текущее объявление полностью, предварительно сохранив текущий код объявления у себя в топике
<!--Начало Всплывающего меню -->
<style>
/* Стиль всплывающего меню */
div .splLink {
width: 209px;
height: 92px;
}
.spll,.spll1 {
position:relative;
width: 140px;
height: 64px;
margin: 0x 0 0px 0!important;
}
.splLink:first-child{
cursor:pointer;
cursor:hand;
}
.splLink:first-child:hover{
}
.spll1 div .splCont,.spll div .splCont {
position:absolute;
height: auto;
width: 170px;
padding: 12px;
z-index: 100!important;
margin: -20px 0 0 0;
left:10px;
border: 2px solid #7FDFE9;
font-size: 11px;
font-family: Lucida Sans Unicode;
text-align: left;
}
.spll1 div .splCont{
height: 100px!important;
margin: -218px -60px 0 60px!important;
}
.splCont {
background-color: #fff!important;background: url(http://savepic.org/1041740.png)!important; /*http://savepic.org/888847.png http://savepic.org/857097.png http://savepic.org/905680.png http://savepic.org/903607.png http://savepic.net/251675.png Прозрачка в Всплывающем меню */
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
/*text-shadow: #FFFFFF 1px 1px 4px !important;
color: #color: #000000 !important;*/
}
</style>
<center><table style="width: 90%">
<tr>
<td><div class="spll1">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://upforme.ru/uploads/000e/54/93/79-4.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=3" target="_blank">Место действий</a>
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=2" target="_blank">Сюжет</a>
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=18" target="_blank">Правила</a>
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=13" target="_blank">Шаблон анкеты
</a></DIV></DIV>
</div></td>
<td><div class="spll1">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://upforme.ru/uploads/000e/54/93/78-1.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=9#p9" target="_blank">Описание заданий</a>
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=23" target="_blank">Задание А</a>
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=24" target="_blank">Задание Б</a>
</DIV></DIV>
</div></td>
<td><div class="spll1">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://upforme.ru/uploads/000e/54/93/78-3.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=8" target="_blank">Point LVL - PL и Point Game - PG</a>
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=21" target="_blank">Обмен PG</a>
<a href=http://playthegame.rolevaya.ru/viewtopic.php?id=20" target="_blank">Учет очков</a>
</DIV></DIV>
</div></td>
<td><div class="spll1">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://upforme.ru/uploads/000e/54/93/79-2.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<a href=ссылка" target="_blank">Название ссылки</a>
<a href=ссылка" target="_blank">Название ссылки</a>
<a href=ссылка" target="_blank">Название ссылки</a>
<a href=ссылка" target="_blank">Название ссылки</a>
</DIV></DIV>
</div></td>
</tr>
</table></center>
<center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://upforme.ru/uploads/000e/54/93/78-2.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://upforme.ru/uploads/000e/54/93/78-4.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://upforme.ru/uploads/000e/54/93/79-1.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://upforme.ru/uploads/000e/54/93/78-5.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center><!--//Конец Всплывающего меню -->Отредактировано Deff (Вт, 21 Дек 2010 14:52:43)
Поделиться669Вт, 21 Дек 2010 14:29:24
http://grottersharulit.mybb.ru/
По критикуйте, пожалуйста! что нужно добавить и т.п
Поделиться670Вт, 21 Дек 2010 16:42:45
поправил Всплывающее меню,(попробуйте заменить текущее объявление полностью, предварительно сохранив текущий код объявления у себя в топике
ВаУ! Обалдеть! Они идеально вписались! Элегантные и воздушные!
Deff вы гений!
А вот шрифт сделать по больше или так и оставить?
Отредактировано Ritka (Вт, 21 Дек 2010 16:57:46)
Поделиться671Вт, 21 Дек 2010 17:03:45
http://grottersharulit.mybb.ru/
По критикуйте, пожалуйста! что нужно добавить и т.п
Я бы сначала посмотрела, чужие форумы. Посмотрела что мне нравиться, прикинула бы как оно смотреться будет. Удобно или нет. Потом просто нашла бы коды и начала эксперименты.
Главное начать! 
Поделиться672Ср, 22 Дек 2010 00:52:41
Дизайн простенький делала сама разбираясь что и где)
Хочу попросить критику, может быть будут советы как и что исправить)
http://fatefinal.spybb.ru/
Поделиться673Ср, 22 Дек 2010 01:30:28
спасибо, а выпадающие меню у вас хорошо отображается, ошибок нет?
Не понял
Поделиться674Ср, 22 Дек 2010 01:37:32
Дизайн простенький делала сама разбираясь что и где)
оч неплохо для новичка..
хотя..
© Материалы форума защищены авторскими правами. Копирование материалов форума строго запрещено, будь то авторские элементы дизайна, аватары, основные идеи, описания, правила, сюжет, анкеты других игроков и все, что относится к ролевой и форуму в целом. Плагиат строго наказуется.
Администрация форума Fate/End of Era
это лишне..
особенно красное..
Поделиться675Ср, 22 Дек 2010 01:46:32
АЛЬБ
были неоднократные прецеденты краж... =__=.
Поделиться676Ср, 22 Дек 2010 02:49:22
Дизайн простенький делала сама разбираясь что и где) Хочу попросить критику, может быть будут советы как и что исправить)
Неплохо, -(в принципе можно подумать над скриптом скрытия.. а что воровали ? сss cтиля.. или ?
Поделиться677Ср, 22 Дек 2010 10:37:35
в принципе можно подумать над скриптом скрытия.. а что воровали ? сss cтиля.. или ?
css один раз было, да и вообще данные много крали.
Поделиться678Чт, 23 Дек 2010 00:40:48
Критика форума playthegame.rolevaya.ru
1.| Нету favicon
2.| Задний фон неплохой
3.| Меню ака навигация очень большая её можно уменьшить. Она просто занимает место..
4.| Таблица не гуд слишком много кнопок и они начинают немного тормозит так как их много. Советую оставить 4-5 кнопок и сделать ещё нормальную таблицу ли бы форум будет пуст.
5.| Картинка категорий неплохая
6.| Иконки слишком простые. Лучше сделать что-то с шариками как в категориях.
7.| Раздел реклама " Мы не работает с форумами на тематику: «Дом2», «ранетки», «Винкс», «Вич», и с ролевыми о животных."
стоит это убрать и внести просто в правила.
8.| Кнопка баннеры вообще не подходит под дизайн.
Оценка 4/10
Критика форума grottersharulit.mybb.ru
На форуме нету дизайна только содержимое.
Оценка 0/10
Критика форума fatefinal.spybb.ru
1.| Есть favicon но сложно понять что там именно.
2.| Названия форума стоит сделать и на англ и на русском дабы к вам могли приходить пользователи через поисковики лучше. Я бы только на русском оставил.
3.| Шапка...ну шапка по цвету не подходит гамма разделов и заднего фона совсем другая. И End Of Era плохо сделан слишком много стилей использовали и обводок...
4.| В таблице опять-же картинка вообще не подходит хотя сейчас зима понимаю ну тогда нужно ставить зимний дизайн. Сама таблица тоже очень большая её можно уменьшить и добавить открывающиеся меню.
5.| В категориях не плохая картинка но нужно выронить текст в середину ли бы сделать его побольше чтобы он был заметным и не было пустого места.
6.| Иконки взяты из шапка ну нормально скажем так
7.| Картинка за 24 часа нормальная.
8.| Форум достаточно активный и ему нужен на самом деле хороший дизайн если вы хотите развиваться дальше.
9.| Советую убрать картинку design by она только напрягает форум текст у вас есть его и оставьте. Треш графика
10.| Баннер copyspace уберите это тоже треш.
Оценка 5/10
Поделиться679Чт, 23 Дек 2010 00:50:07
Я уже давно не критиковал форумы. Критикую не адекватно и кидаюсь всем что попало. Предупреждаю минусы не ставьте вы выставили форум на критику значит я в полном праве критиковать его полностью и не нужно обижаться. Здесь вообще мало кто может критиковать нормально форумы.
Поделиться680Чт, 23 Дек 2010 12:03:54
(NIKSU)
Спасибо, очень конструктивно. Буду шлифовать либо уже наконец закажу дизайн у профессионалов (я действительно в этом новичок). Форум у нас правда большой, хотелось бы по-настоящему хороший дизайн.
Похожие темы
| Критикуем форумы | Архив | Чт, 13 Ноя 2008 |
| Критикуем форумы II (теперь еще и не только форумы) | Корзина | Чт, 9 Июл 2009 |
| Критикуем форумы III | Корзина | Чт, 18 Фев 2010 |
| Критика форумов V | Архив | Сб, 5 Май 2012 |
| Срочно Нужны Критики! Форумов! Все желающие! | Корзина | Сб, 23 Авг 2008 |