iiuu

Страница: 1

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

Поделиться12015-03-02 18:13:09

Автор: La Francophonie
Администратор
Зарегистрирован: 2014-09-12
Приглашений: 0
Сообщений: 41
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 18 часов
Последний визит:
2015-04-07 17:42:19

взаимно.
собственно, сам дизайн, который считается стандартным (если что - правьте меня, я лично Вашу тему не читал, девушка с Вами списывалась на форуме) - шапка, футер, категории, тело, панель навигации, иконки, фон, оформление цитат, ссылок, прочая ересь по коду типа фавикона. + оформление профиля и тыкалки-переключалки между "игрок-персонаж-награды" (не знаю, как оно правильно называется) + таблица + лого (скорее всего - просто оформленный текст на пнгшнике, я покажу пример, если что) + 2 баннера (88х31 и 400сколько-тотам на сколько-то там, не помню, размеры найду) + пара рамок (вертикальная и горизонтальная), чтобы мы смогли потом туда картинки впихивать и офорлять на форум. сама реклама не нужна, оформление акций, аватарки, иконки администрации и прочая мелкая фигня не нужна. и, я еще не сообразил, но может дополнительно понадобится карта. мира, в смысле. я ее, естественно, набросаю, но я слишком криворукий, чтобы сделать ее адекватно сам - но это не точно, поэтому хотел бы услышать цену отдельно.
вроде бы ничего не забыл.

как бы так объяснить... не то, и не другое. не просто замыкающая рамка с копирайтом, и не картинка. грубо говоря, как здесь: http://wickedage.f-rpg.ru/ т.е. непонятная какая-то фигня, на которой ко всему прочему стоит копирайт. я просто очень не люблю изображения внизу и огромные шапки.
лого примерно такое: http://s3.uploads.ru/d7kLJ.png
карту мира именно рисовать. я вот когда-то делал себе на проект: http://s45.radikal.ru/i109/1404/1c/b083fb8d48a8.jpg и был (да и буду подобному) доволен. но на это я, ибо криворукий, убил почти месяц и все свои нервы. поэтому проще отдать в руки того, кто умеет обращаться с фотошопом/саи/любыми другими редакторами не как я, а нормально.

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

это я показывал импонирующие дизайны:
http://sestra.artbb.ru/
темно, мелко, не щадяще для глаз, но очень симпатично. лаконично и спокойно. у нас должно быть поэпичней и такое все прям бдыщ-бдыщ (ибо все же тема дааалеко не та), но структура этого дизайна очень импонирует.
[24.02.2015 21:37:02] aen seidhe: и конечно очень прикалывают разного цвета месяцы в навигации. но это развлечение на пару дней.
на счет исходников:
http://41.media.tumblr.com/ec13339c69da … 6_1280.jpg
вот почти то, что я хотел бы видеть на шапке. но все же хочется именно корабль, а не дирижабль. с парусами и всякой шняжкой.
[24.02.2015 21:49:34] aen seidhe: вот крайне симпатичный диз бэтмена: http://www.imageup.ru/img82/1621926/fehntezi-2.png
его же: http://se.uploads.ru/yD9fv.jpg
цвет слишком для меня желто-зеленый, видны стыки фона, огорчают категории не посередине, а так очень симпатичный.
клеверный диз: http://uploads.ru/uYmPG.jpg темноват, но в целом - огонь просто.
http://uploads.ru/qPDoE.jpg ее же. темновато, мрачновато (ц), но в целом очень приятное впечатление от того, что все такое темное-темное и есть яркие всполохи, привлекающие внимание. очень красивые здесь категории и навигация, я прям оценил.

так, одна из идей, пока шеф не видит ХДД
вот если бы можно было сделать коллаж, что с борта этого корабля наблюдают за воздушной баталией этих кораблей (хотя они в воде, хз как это можно красиво обрезать и обработать) было бы круто)

http://uploads.ru/FqEu4.jpg
http://uploads.ru/q2cv1.jpg

к Вашему вопросу о светло-темности дизайна. еще раз приведу этот форум: http://wickedage.f-rpg.ru/
ибо он делался под моими комментариями. тело здесь светлое, теплое и приятное, без раздражающей меня зеленовитости. а фон темный (здесь - слишком темный, ибо черный, и я все-таки предпочитаю какую-то текстуру). но в целом принцип этот.
к вопросу о цветах, вчера был у нас с рыжей разговор. для меня практически идеальный цвет тела вот такой: http://firepic.org/images/2015-02/25/pa1a6btlmzln.jpg
но она хочет светлее и ярче. предложенный вариант http://firepic.org/images/2015-02/26/nhuqbhmehc82.png "теплее и светлее" выел мне яркостью глаз. правый. левый просто пострадал. поэтому я за какой-то промежуточный вариант

ну, смотрите. человек, который изначально делал дизайн на счет исходников сказал вот что: "Такое возможно,если подобрать другой исходник. Корабли на воде не подойдут)"
да, фоновая лучше. чтобы был текст. картинками не надо.
на счет таблицы я пока еще не определился до конца - но, по идее, должно быть три блока как вот здесь: http://savepic.su/4318425.jpg по факту, любые Ваши предложения лЕгко обговариваются, Вам ж виднее, небось, как это лучше пристыковать. я-то чисто эстетически оцениваю.
название еще... в процессе. там точно будет фигурировать "разлом", а так может еще что припишется. адрес вот, мы на нем понемножку шуршим: http://rift.f-rpg.ru/

Поделиться22015-03-10 23:37:27

Автор: La Francophonie
Администратор
Зарегистрирован: 2014-09-12
Приглашений: 0
Сообщений: 41
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 18 часов
Последний визит:
2015-04-07 17:42:19

Код:

#av-anno {
text-align: center;
}

<!-- подложка -->
#av-menu {  
background: transperent;

display: block;
height: 10px;
margin: auto;
padding: 0px 2px;
width: 708px;
}  

#av-menu li a {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size: 12px;   
color: #a4987e;
    display:block;  
    outline:0;  
    text-decoration:none !important;  
text-align: center;
max-width: 120px;

}  
.dropdown {  
    position:absolute;  
    left:-999em; 
z-index: 100;
width: 124px;
}


#av-menu .drop {height: 25px !important;

}



#av-menu li:hover .dropdown {  
    left:-1px; top:auto;  
} 



<!-- фон вкладки меню -->
.dropdown {
background: rgba( 86, 54, 22, 0.8);
 border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;
padding: 4px;
}

<!-- ссылка во вкладке -->
.dropdown li a, .dropdown li {
color: #A5947A !important;

}

.dropdown a {
 border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;
margin: 2px !important;
padding: 0px;
background: rgba(98, 34, 10, 0.9);
}
.dropdown a:hover, .dropdown a:focus, .dropdown a:active {
background: rgba( 86, 54, 22, 0.8);

box-shadow: inset 0px 0px 25px #745b3f!important; 
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid rgba(245, 214, 186, 0.298);
border-left: 1px solid rgba(245, 214, 186, 0.298);
color: #A5947A !important; 
} 


#av-menu .av-menu-button {  
background: rgba( 86, 54, 22, 0.8);
 border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;

display: block;
float: left;
height: 10px;
margin: 4px;
padding: 0px 0px 4px 4px;
position: relative;
text-align: center;

width: 126px;

}  
#av-menu .av-menu-button:hover, #av-menu .av-menu-button:focus, #av-menu .av-menu-button:active {
background: rgba(98, 34, 10, 0.9);
}































/* other */
#pun-announcement.section h2 span {display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main .post-content {font-size: 11px;}
#pun-userlist .usertable th{display:none}
#navawards a {display: none; font-size: 0px;}
#pun-main .pa-author {text-align: center;}
#pun-main .pa-title {text-align: center;}
#pun-main .pa-avatar {text-align: center;}







/* shapka*/
#pun-title table {
background-image : url(http://i58.fastpic.ru/big/2015/0310/97/5b776f2d83344009bfa9f6c3ca910197.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
margin-left: -88px;
height: 660px;
width: 1058px;}

/* telo foruma */
#pun { background-image: url(http://i58.fastpic.ru/big/2015/0227/cf/73393af913b4f33dfb42632935133ccf.jpg); background-color: #E6BAA1; background-repeat: repeat;
}

/* fon */

html, body {

background: url("http://i58.fastpic.ru/big/2015/0227/99/809d3ae90a058cff132eedefd3081d99.jpg") repeat-x top left, 
url("http://i58.fastpic.ru/big/2015/0225/c0/05b0a9e446387ac75702486f6a9ff2c0.jpg") center; background-color: #E6BAA1;
        }

body {margin: 0 auto; overflow-x: hidden;}

/* Zagolovki */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent !important;
  text-align: center;     
  height: 15px;
  font-size: 14px;
  padding-top: 5px!important;

text-transform: uppercase;
 font-weight: bold;
color: #682856 !important;
font-family: 'Lucida Console' !important;
text-shadow: 1px 0px 1px #F6D3A9;


  }


/* oformlenie code + quote */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background-color: #E6B580;
border-top: 5px solid #876188;
border-bottom: 5px solid #876188;
border-left: 1px solid #876188;
border-right: 1px solid #876188;
box-shadow: inset 0px 0px 5px #855E7F;
 color: #000000;
 
  }


.offline li.pa-online strong {
  font-weight: normal;
  }

/*knopki + forma otveta*/

.punbb textarea, .punbb select, .punbb input {
background-color: #E7BB89;
border-radius: 1px 1px; 
border-top:1px  double #37464f;
border-bottom:1px  double #37464f;
border-left:1px  double #37464f;
border-right:1px  double #37464f;
box-shadow: 0px 0px 15px #855E7F inset; 
  color: #000000;
}

.punbb textarea  {
box-shadow: inset 0px 0px 20px #855E7F;

}



/* grani */
.punbb .container, .punbb .post-body, .post h3, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post , #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th,  #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, #pun th {
 border-color: transparent ;
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend{
 border-color: transparent ;
 }

.punbb .main .container,
.punbb td.tc3, .punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2, #pun-stats h2, 
 #pun-main .post h3 span, #pun-main .post h3, #pun-main .post-body, #pun-title, 
#pun-main .formal textarea, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {background-color: transparent; }






/* Links*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #5b0619;
text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;


  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #56263C;
  }



/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
   color: #56263C; 

text-decoration: none;
border-bottom: 0px none #000;
  }


#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
 color: #56263C; 

  }


/*ikonki mess*/

.punbb table Div.icon {float: right; display: block; width: 43px; height: 47px; border-style: none; background-image: url(http://i58.fastpic.ru/big/2015/0228/64/18eb0934fba56ba22b62c989da2a4464.png);  background-repeat: no-repeat; position: relative; }

.punbb table div.inew {background: url(http://i58.fastpic.ru/big/2015/0228/b8/7b81629ff4c6226eb37cfb45d200e1b8.png) no-repeat; position: relative; margin-left: 1px;}

TR.isticky Div.icon {background: url(http://i58.fastpic.ru/big/2015/0228/48/efd57bb822d6d505d0e5576d7bc8df48.png) no-repeat; position: relative; margin-left: 1px;}

TR.iclosed Div.icon {background: url(http://i58.fastpic.ru/big/2015/0228/a9/9d0937286b0f805d6045171d87799aa9.png) no-repeat; position: relative; margin-left: 1px;}


/* futer */
#pun-about  { 
background-image: url("http://i63.fastpic.ru/big/2015/0228/05/e49211c99a69280328e15761b40aab05.jpg");
background-repeat: no-repeat; 
background-position: center top;
width: 1058px;
height : 200px; 


margin-bottom: 0px; 
margin-left: -91px; 
}

div#pun-about {
   margin-bottom: -95px;
}



/* menu */
#pun-navlinks a {
        display: inline-block;
   height : 40px; 

        width: auto;

margin: -7px;}
        #navindex a 
{background: url(http://i59.fastpic.ru/big/2015/0227/d4/280c2aa64b7a49ba5c94d25b61dffad4.png) no-repeat top center; width: 99px;

}
        #navuserlist a 
{background: url(http://i59.fastpic.ru/big/2015/0227/c1/4fac854da9be524b4949c1d5d54253c1.png) no-repeat top center; width: 94px;
}
        #navsearch a 
{background: url(http://i59.fastpic.ru/big/2015/0227/fb/5594488b29816d1f60ccfa31a5dff4fb.png) no-repeat top center; width: 109px;}
        #navprofile a 
{background: url(http://i59.fastpic.ru/big/2015/0227/6b/f204197266d5b523dcd552ecbff31d6b.png) no-repeat top center; width: 106px;}
        #navpm a 
{background: url(http://i59.fastpic.ru/big/2015/0227/b4/489020683d17294fe06f00e75e77e4b4.png) no-repeat top center; width: 75px;}
        #navadmin a 
{background: url(http://i59.fastpic.ru/big/2015/0227/75/dd726a0cb6cd6a241261d8b550060975.png) no-repeat top center; width: 73px;}
        #navlogout a 
{background: url(http://i59.fastpic.ru/big/2015/0227/46/a2799be82387b95eb34ca3da1bbb2546.png) no-repeat top center; width: 73px;}
        #navlogin a 
{background: url(http://i59.fastpic.ru/big/2015/0227/31/b800cd00cc6db18b17d986f4d4f46031.png) no-repeat top center; width: 87px;}
        #navregister a 
{background: url(http://i59.fastpic.ru/big/2015/0227/20/ad1c96460395ca1239345d0a09889d20.png) no-repeat top center; width: 175px;}
        #navpiar a 
{background: url(http://i59.fastpic.ru/big/2015/0227/eb/51e26fd8b9c2819666a157d63f8138eb.png) no-repeat top center; width: 72px;}
#pun-navlinks a span {display: none;}

Поделиться32015-03-23 12:47:57

Автор: La Francophonie
Администратор
Зарегистрирован: 2014-09-12
Приглашений: 0
Сообщений: 41
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 18 часов
Последний визит:
2015-04-07 17:42:19

TTYUU

Страница: 1

La Francophonie

Меню навигации

Пользовательские ссылки

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

iiuu

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

Поделиться12015-03-02 18:13:09

Поделиться22015-03-10 23:37:27

Поделиться32015-03-23 12:47:57