Зимой и Летом одним... Дизайном?!
+9
Риверс
джаймсс
protobiont
Vedus
Витёк
any1key
Relus
DesBR
Лунарр
Участников: 13
Страница 2 из 2
Страница 2 из 2 • 1, 2
Re: Зимой и Летом одним... Дизайном?!
,Мэйсон пишет:стильно, но фотошоп ангела низкого качества
Блин,точно, исправлю,спс.
Re: Зимой и Летом одним... Дизайном?!
он там используетсяRiverS пишет:DesBR пишет:не оч - фон у контента имеет место быть. имх. остальное норм - а "менять" css с шаблонов - тупо - пишите лучше свой в notepad++. Если его писать в ручную - нет никакого гемороя по поводу написания.... вот пример с одного сайта - ручная забивка:
- Спойлер:
- Код:
@font-face { font-family: MORPHEUS; src: url(/MORPHEUS.ttf); }
@font-face { font-family: AmbassdadoreType; src: url(/AmbassadoreType.ttf); }
a:link { outline: none; text-decoration: none; color: #FFB100; }/*Все ссылки кроме отдельных*/
a:active {text-decoration:none; color:#FFB100;}
a:visited {text-decoration:none; color:#FFB100;}/*Посещённые места*/
a:hover {text-decoration:none;color:#FFB100;}
/*MAIN*/
BODY{margin:0px;padding:0px;color: #EFC9A0;font-family: Arial,Verdana,sans-serif;font-size:9pt;}
.profilebody{background:url(/profile.png) no-repeat #000 center 0;margin:0px;padding:0px;min-width:600px;}
.mailcounter{top:0px;left:0px;position:fixed;}
.content{margin: 0 auto;position:relative;height:100%;width:900px;}
.main{top:200px;position:absolute;width:100%;height:400px;background-color:rgba(51, 0, 0, 0.55);border-radius:10px;box-shadow: 0 0 60px 0 #000000 inset;border: 3px solid rgba(160, 160, 160, 0.4);}
.cmain{top:200px;position:absolute;width:100%;height:400px;background-color:rgba(51, 0, 0, 0.55);border-radius:10px;box-shadow: 0 0 60px 0 #000000 inset;border: 3px solid rgba(160, 160, 160, 0.4);}
.contmenu{top:5px;right:20px;position:fixed;width:150px;height:70px;background-color:rgba(0, 0, 51, 0.4);border-radius:6px;box-shadow: 0 0 30px 0 #000000 inset;border: 1px solid rgba(160, 160, 160, 0.2);}
.menu{margin:0px;padding:0px;text-align:center;}
.menu ul{margin:0px;padding:4px;background-color:rgba(0, 0, 51, 0.4);border-radius:6px;box-shadow: 0 0 30px 0 #000000 inset;border: 1px solid rgba(160, 160, 160, 0.2);}
.menu > li{height:70px;}
.menu > li > a{line-height:70px;}
.menu li{list-style:none;position:relative;}
.menu ul{position:apsolute;top:35px;display:none;}
.menu ul li{width:140px;}
.menu a{display:block;padding:0px; text-decoration:none; color:#EB8C00;text-shadow: -2px 2px 5px #EB8C00; font-size:13pt;}
.menu ul a{height:-1%}
.menu li:hover{border-radius:6px;box-shadow: 0 0 20px 0 #000000;}
.menu li:hover li:hover{background-color:rgba(0, 0, 100, 0.4);border-radius:6px;box-shadow: 0 0 5px 4px #44f;}
.menu li:hover ul{display:block;}
.menu li ul a{padding:5px;}
.new{top:15px;position:absolute;width:100%;background: none repeat scroll 0 0 rgba(38, 14, 22, 0.6);box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.4) inset;min-height:35px;line-height: 35px;}
.text1{font-family:arial;font-size:13pt;text-transform: uppercase;color:#CCFFFF;}
.add{top:55px;left:17px;width:90%;position:absolute;height:117px;}
.input_pole {background-color: transparent;color: white;font: 12px Arial,Calibri,Verdana,Geneva,sans-serif;min-height: 16px;min-width: 168px;}
.input_pole:hover{box-shadow: 0 0 4px 2px #600;}
.input_pole:active{box-shadow: 0 0 4px 2px #800;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
.butom{width:115px;height:25px;background-color:rgba(0, 50, 0, 0.4);border-radius:6px;box-shadow: 0 0 30px 0 #000000 inset;border: 1px solid rgba(160, 160, 160, 0.2);color:#ffffff}
.butom:hover{color:#0f0;border-radius:6px;box-shadow: 0 0 5px 4px #4f4;}
.butom:active{color:#eee;font-size:9pt;padding:3px;}
.maintext{padding:65px 10px 10px 10px; margin:0px;color:#EB8C00;font-family:AmbassadoreType, arial, 'times new roman';font-size:12pt;}
.tagcontent{top:-100px; left:0px; position: absolute; color:fff; font-size:10px; font-family:arial;}
/*FORUM*/
.weawer{margin: 0 auto;position: relative;width: 1006px;height:100%;}
.funcBlocks {top:265px;position:absolute;background: url(/post_bg0.jpg) #1a0f08 no-repeat;padding:7px;margin:6px;width:979px}
.topbar{top:0px;right:5px;position:absolute;background: url("/topbar.png") repeat-x;height:33px;min-width:50px;border-radius:0 0 0 6px;box-shadow: 0 0 8px 2px #000000;}
.mpage{float:left;}
.mpage a{display:block;background: url("/mpage.png") no-repeat;min-width:48px;height:33px;background-position: 0 0;}
.mpage a:hover{background-position: 0 -33px;}
.toptexts{padding:7px;float:left;color: #8694A1;text-decoration: none;font-size:9pt;border-right:1px solid #2A2F35;font-family: "Lucida Sans Unicode","Lucida Grande","Arial",sans-serif;}
.toptexts a{text-decoration: none;font-size:9pt;color:#00B6FF;}
.toptexts a:hover{text-decoration: none;font-size:9pt;color:#fff;}
.toptext{float:left;border-right:1px solid #2A2F35;font-family: "Lucida Sans Unicode","Lucida Grande","Arial",sans-serif;}
.toptext a{padding: 9px;text-decoration: none;font-size:10pt;color:#00B6FF;display:block;padding:9 1.5em;font-size:7pt;text-transform: uppercase;}
.toptext a:hover{text-decoration: none;font-size:7pt;color:#fff;background-color:#343C46;}
.mb{top:141px;height:93px;position:absolute;width:100%;}
.relativemb{position:relative;height:93px;}
#menu { width: 623px; height: 65px; position: absolute; left: 19px; top: 19px; -moz-user-select: none; -webkit-user-select: none; user-select: none }
#menu li { width: 102px; float: left; height: 65px; }
#menu li a { height: 65px; display: block; text-align: center; text-transform: uppercase;text-decoration:none; color: #ffa400 }
#menu li a span { padding-top: 45px; display: block; font: normal 12px Arial, Verdana, serif; text-shadow: #000 0 0 5px; position: relative; top: -5px }
#menu li a:hover, #menu li a.active { background-image: url("/menu-tab-baked.jpg"); }
#menu li a:hover { color: white; }
#menu li a.active { color: #fff !important; -moz-box-shadow: 0 0 15px #ff7501; -webkit-box-shadow: 0 0 15px #ff7501; box-shadow: 0 0 15px #ff7501; position: relative; }
#menu li.menu-game,
#menu li.menu-forums { width: 104px }
#menu li.menu-community,
#menu li.menu-media { width: 105px }
#menu li.menu-home a:hover { background-position: 0 0 }
#menu li.menu-home a.active { background-position: 0 -65px !important }
#menu li.menu-game a:hover { background-position: -102px 0 }
#menu li.menu-game a.active { background-position: -102px -65px !important }
#menu li.menu-community a:hover { background-position: -206px 0 }
#menu li.menu-community a.active { background-position: -206px -65px !important }
#menu li.menu-media a:hover { background-position: -311px 0 }
#menu li.menu-media a.active { background-position: -311px -65px !important }
#menu li.menu-forums a:hover { background-position: -416px 0 }
#menu li.menu-forums a.active { background-position: -416px -65px !important }
#menu li.menu-services a:hover { background-position: -520px 0 }
#menu li.menu-services a.active { background-position: -520px -65px !important }
ol, ul {list-style: none outside none;}
.usergo{bottom: 1;color: #FFFFFF;height: 92px;position: absolute;right: -4px;width: 355px;}
.login{bottom: 0;color: #EEEEEE;display: block;font-size: 14px;height: 65px;line-height: 1.4em;padding: 18px 110px 0 30px;position: absolute;right: 0;width: 215px;text-decoration:none;text-align:right;}
.login strong{color: #FFB100;}
a.login:link{color:#fff;}
a.login:active{color:#fff;}
a.login:visited{color:#fff;}
a.login:hover{background:url("/usergo.png")no-repeat;color:#fff;}
a.login strong:hover{color:#fff;}
.gTable {background: url("/table.png") repeat scroll 0 0 transparent;width: 100%;padding: 20px 5px 5px;}
.gTableTop{background: url("/news-btm.jpg") repeat scroll 10px 50% transparent;color: #F9EFA2;font-family: MORPHEUS,Verdana,Sans-Serif;font-size: 16px;font-weight: bold;height: 23px;padding: 2px 2px 2px 22px;}
.forumIcoTd, .forumThreadTd, .forumPostTd, .forumNameTd, .forumLastPostTd {background: url("/content.jpg") no-repeat scroll 0 0 transparent;padding: 2px;}
table {border-collapse: collapse;}
a.catLink:link {color: #F9EFA2;font-family: "MORPHEUS";font-size: 16px;text-decoration: none;}
.gTable tr {border: 1px solid #261913;}
.gTableSubTop { border: 1px solid #261913;color: #775E3A;font-size: 9pt;height: 21px;padding: 2px;}
.gTable tbody tr:hover td.threadNameTd, .gTable tbody tr:hover td.forumNameTd,
.gTable tbody tr:hover td.threadAuthTd, .gTable tbody tr:hover td.forumThreadTd,
.gTable tbody tr:hover td.threadLastPostTd, .gTable tbody tr:hover td.forumLastPostTd,
.gTable tbody tr:hover td.threadIcoTd, .gTable tbody tr:hover td.forumIcoTd,
.gTable tbody tr:hover td.threadPostTd, .gTable tbody tr:hover td.forumPostTd,
.gTable tbody tr:hover td.threadViewTd {background-color: #261913; background-image: none;}
.gTable tbody tr:hover td.threadNametd {background: none; background-color: #261913;}
a.forum:link {color: #FFB100;text-decoration: none;}
a.forum:active{color: #FFB100;text-decoration: none;}
a.forum:visited{color: #FFB100;text-decoration: none;}
a.forum:hover{color: #fff;text-decoration: none;}
.forum {display: block;font-size: 11pt;font-weight: bold;}
.forumDescr, .forumModer {color: #EFC9A0;font-size: 8pt;}
.forumLastPostTd {color: #EFC9A0;font-size: 7pt;padding: 2px;}
.forumPostTd, .forumThreadTd {color: #EFC9A0;font-size: 9pt;padding: 2px;}
a.forumLastPostLink:link, a.forumLastPostLink:active, a.forumLastPostLink:visited {color: #A68450;text-decoration: none;}
a.forumLastPostLink:hover{color:#fff;}
a.lastPostUserLink:link, a.lastPostUserLink:active, a.lastPostUserLink:visited {color: #CC9000;text-decoration: none;}
a.lastPostUserLink:hover{color:#fff;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover,a.group4:link,a.group4:visited,a.group4:hover{background:url("/Blizz.gif") no-repeat right;color:#1b83ff;padding-right:24px;}/*изменение цвета админа на форуме*/
a.groupModer:link,a.groupModer:visited,a.groupModer:hover,a.group3:link,a.group3:visited,a.group3:hover{background:url("/Blizz.gif") no-repeat right;color:#ffb100;padding-right:24px;}
.gTableBody1 {background: url("/content.jpg") repeat scroll 0 0 transparent;padding: 2px; font-size:9pt;}
a.lastUserLink:link, a.lastUserLink:active, a.lastUserLink:visited {color:#FFB100}
a.lastUserLink:hover{color:#fff}
.funcBlock {color: #1A0F08;height: 1px;overflow: hidden;width: 0;}
.legendBlock, .userRights {opacity: 0.5; font-size:9px;}
.legendBlock:hover, .userRights:hover {opacity: 1; font-size:9px;}
.legendTable{font-size:10px;}
.threadsType {background: none repeat scroll 0 0 #130C06;color: #E9D0B3;font-size: 7pt;height: 20px;padding: 2px 2px 2px 40px;}
.threadsDetails {background: url("/content.jpg") repeat scroll 0 0 transparent;color: #775E3A;height: 20px;padding: 2px;font-size:9pt;}
.forumOnlineBar {background: url("/content.jpg") repeat scroll 0 0 transparent;color: #775E3A;font-size: 12px;height: 20px;padding: 2px;font-size:9pt;}
.topSortLink{font-size:8pt;}
a.threadLink:link, a.threadLink:active, a.threadLink:visited, a.threadPinnedLink:link, a.threadPinnedLink:active, a.threadPinnedLink:visited{color: #FFB100;text-decoration: none;font-size:9pt;}
a.threadPinnedLink:hover, a.threadLink:hover {color:#fff}
.threadDescr {color: #EFC9A0;font-size: 7pt;}
.threadIcoTd, .threadPostTd, .threadViewTd {background: url("/content.jpg") repeat scroll 0 0 transparent;padding: 2px;font-size:8pt;}
.threadNametd, .threadAuthTd, .threadLastPostTd {background: url("/content.jpg") repeat scroll 0 0 transparent;padding: 2px;font-size:8pt;}
a.forumLastPostLink:link {color: #A68450;text-decoration: none;font-size:7pt;}
a.threadAuthorLink:link {color: #A68450;text-decoration: none;}
a.threadAuthorLink:hover{color:#fff;}
.forumNamesBar {font-family: "MORPHEUS";font-size: 11pt;font-weight: bold;padding-left: 30px;}
.switches {margin-left: 30px;font-size:9pt;}
.pagesInfo {background: none repeat scroll 0 0 #2B1507;border-radius: 3px 3px 3px 3px;padding: 2px;}
.switchActive {background: none repeat scroll 0 0 #FFAE00;border: 1px solid #100904;border-radius: 3px 3px 3px 3px;color: #000000;}
.switchActive, a.switchDigit, a.switchBack, a.switchNext {display: inline-block;line-height: 15px;margin: 0 2px;min-width: 15px;padding: 2px;}
.switch {min-width: 15px;}
a.switchDigit:link, a.switchBack:link, a.switchNext:link, a.switchDigit:visited, a.switchBack:visited, a.switchNext:visited {color: #D3AC6B;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover, a.switchDigit:active,a.switchBack:active,a.switchNext:active {color: #ffffff; background-color: #62371b;}
input, select {background: none repeat scroll 0 0 #1A0F08;border: 1px outset #A04727;border-radius: 3px 3px 3px 3px;color: #EFC9A0;font-size: 8pt;margin: 1px;}
.edited {color: #5B5C74;font-size: 7pt;padding-top: 10px;text-align: right;}
.smiles tr, .postTable tr{border:none;}
.ftextadm {color: #00B6FF;font-family: "Lucida Grande","Arial";font-size: 12px;text-decoration: none;}
.posttdMessage {padding: 10px;}
.ftextus {color: #EFC9A0;font-family: Arial,Helvetica,sans-serif;font-size: 9pt;}
.gtableleft, .gtableright{font-size:9pt;}
.postTextFl {border:0px;background-color: #333333;border-radius: 6px;box-shadow: 0 0 5px #01B2F1;color: #01B2F1;font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;font-size: 13px;line-height: 15px;height: 150px;}
a.nameadm:link, a.nameadm:active, a.nameadm:visited {color: #00B6FF;font-family: "MORPHEUS","Lucida Sans Unicode","Lucida Grande","Arial";font-size: 14px;text-align: left;text-decoration: none;}
a.nameadm:hover{color:#fff;}
.postTdInfo {padding: 5px;text-align: center;font-size:10pt;}
.faqadm {color: #00B6FF;font-family: "Lucida Sans Unicode","Lucida Grande","Arial";font-size: 13px;text-align: left;text-decoration: none;}
.textinfonumb {font-family: MORPHEUS;font-size: 13px;}
.statusBlock {padding-top:3px;}
.statusOnline {color:#00ff00;font-family:MORPHEUS;}
.statusOffline {color:#ff0000;font-family:MORPHEUS;}
.postBottom {color: #333333;font-weight: bold;font-size:9pt;}
.gTableError {color: #FF0000; padding: 2px;}
.copyright {clear: both;color: #70523D;font-size: 10px;padding: 10px 0;text-transform: uppercase;}
.faqdes {color: #00B6FF;font-family: "Lucida Sans Unicode","Lucida Grande","Arial";font-size: 10px;text-align: right;text-decoration: none;}
.gTableRight {background: url("/post_bg0.jpg") repeat scroll 0 0 transparent;}
.fFastSearchTd{font-size:12px;}
.admAvatar{box-shadow: 0 0 25px 8px #00B6FF;border-radius: 0 0 0 0;}
.procontent{margin: 0 auto;position: relative;width: 600px;}
.promain{position:absolute;padding:15px;margin:0px;width:100%;background-color:rgba(51, 0, 0, 0.55);border-radius:10px;box-shadow: 0 0 60px 0 #000000;border: 3px solid rgba(160, 160, 160, 0.4);}
.replaceBody{background: url("/2.jpg") no-repeat #000 center 23%;}
.replaceTable{background-color:rgba(0, 0, 55, 0.55);border-radius:10px;box-shadow: 0 0 60px 0 #000000;border: 2px solid rgba(160, 160, 160, 0.4);font-size:10pt;padding:6px;}
.replaceTable td{padding:10px;}
.registrtext{text-align:xenter;color:#00B6FF;font-family:AmbassdadoreType; font-size:11pt;padding:5px;}
.myWinCont input[type="text"], .myWinCont input[type="password"] {background: url("/.s/img/wd/1/text-bg.gif") repeat-x scroll 0 0 #FFFFFF;border: 1px solid #B5B8C8;padding: 3px 0;}
.postpSwithces {background: url("/postpsw.gif") no-repeat scroll 0 50% transparent;color: #150C07;float: right;font-family: "MORPHEUS";font-size: 11px;padding: 7px 25px 7px 15px;}
.chatcont{position:fixed;top:0px;right:0px;background: url("/topbar.png") no-repeat;width:7%;height:33px;border-radius:0 0 0 3px;box-shadow: 0 0 8px 2px #000000;}
.chat{padding:0px;margin:0px;}
.chat > li{height:33px;width:90px;}
.chat li{list-style:none;position:relative;}
.chat ul{position:absolute;display:none;top:33px;left:-40px;}
.chat ul li{width:100%px;}
.chat a{display:block;padding:6px 35px;text-decoration:none;color:#00B6FF;font-size:10pt;font-family: MORPHEUS "Lucida Sans Unicode","Lucida Grande","Arial",sans-serif;}
.chat ul a{height:1%;}
.chat li:hover{text-decoration: none;font-size:10pt;color:#fff;background-color:#343C46;}
.chat li:hover li{background-color:rgba(70, 70, 70, 0.55);border-radius:6px;box-shadow: 0 0 30px 0 #000000;}
.chat li:hover ul{display:block;}
.chatblock{background-color:rgba(51, 51, 51, 0);border-radius:6px;}
.chatcont td a{padding:2px;float:left;}
.vipAvatar{box-shadow: 0 0 25px 8px #008e00;border-radius: 0 0 0 0;}
.faqvip {float:right;color: #008e00;font-family: "Lucida Sans Unicode","Lucida Grande","Arial";font-size: 13px;text-align: left;text-decoration: none;}
.vipgroup{text-align:center;}
.namevip {color: #008e00;font-family: "Lucida Sans Unicode","Lucida Grande","Arial";font-size: 13px;text-align: left;text-decoration: none;}
a.gonamevip:link, a.gonamevip:active, a.gonamevip:visited {color: #008e00;font-family: "Lucida Sans Unicode","Lucida Grande","Arial";font-size: 14px;text-align: left;text-decoration: none;}
a.gonamevip:hover{color:#fff;}
.ftextvip{color: #00b700;font-family: "Lucida Grande","Arial";font-size: 12px;text-decoration: none;}
a.groupVerify:link,a.groupVerify:visited,a.grou pVerify:hover {color:#00b700;}
.ruru {color: #00ff00; text-decoration: none; font-size: 12px; font-family:"MORPHEUS","times new roman"; background: url(https://my.webmoney.ru/css/themes/webmoney/wmr.png) 0 0px no-repeat; padding-left:20px;}
.usa {color: #00ff00; text-decoration: none; font-size: 12px; font-family:"MORPHEUS","times new roman"; background: url(https://my.webmoney.ru/css/themes/webmoney/wmz.png) 0 0px no-repeat; padding-left:20px;}
.ua{color: #00ff00; text-decoration: none; font-size: 12px; font-family:"MORPHEUS","times new roman"; background: url(https://my.webmoney.ru/css/themes/webmoney/wmu.png) 0 0px no-repeat; padding-left:20px;}.HiddenBlock{margin: 0 0 5px 25px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 1px 1px 3px 1px; border-style: solid; border-color: green; color:#FFF}
.HiddenBlock .HiddenText{margin-right:40px;}
.HiddenError{border:1px solid red;color:#FFF;background:#1c1c1c url(http://wowbug.info/wotlk/hide1.gif) repeat-y;padding:4px 4px 4px 44px;}
.HiddenBlock .NeededPoints{color:green;float:right;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 1px 1px 3px 1px; border-style: solid; border-color: green;padding:2px;}
.HiddenError .NeededPoints{color:red;float:right;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 1px 1px 3px 1px; border-style: solid; border-color: red;padding:2px;}
.sitemap{position:fixed;left:0px;top:0px;width:100px;height:33px;background-color:rgba(51, 0, 0, 0.55);border-radius:0 0 10px 0;border: 2px solid rgba(160, 160, 160, 0.4);border-left:none;border-top:none;}
.countliv{opacity: 0.3;}
css с юкоза?
Re: Зимой и Летом одним... Дизайном?!
я css никогда не учил. Так за счет знания английского не много получается писать с rgb цветами хорошо знаком
Буду скоро учить, есть у кого проверенные сайты/книжки где можно выучить?
Буду скоро учить, есть у кого проверенные сайты/книжки где можно выучить?
Re: Зимой и Летом одним... Дизайном?!
ууу друг)) я тебе в этом легко помогу - я выучил css по 1 учебнику - который продавался на htmlbook.ru - Пиши мне в скайп, аську - я тебе его весь скину... там настолько всё понятно, что без практики запоминаются все нюансы, однако советую делать закладки на интересных местах.
romanzhiltsov
472400235
чаще сижу в скайпе, или дай свою почту - скину)
romanzhiltsov
472400235
чаще сижу в скайпе, или дай свою почту - скину)
Re: Зимой и Летом одним... Дизайном?!
Благодарствую, В аську напишуDesBR пишет:ууу друг)) я тебе в этом легко помогу - я выучил css по 1 учебнику - который продавался на htmlbook.ru - Пиши мне в скайп, аську - я тебе его весь скину... там настолько всё понятно, что без практики запоминаются все нюансы, однако советую делать закладки на интересных местах.
romanzhiltsov
472400235
чаще сижу в скайпе, или дай свою почту - скину)
Страница 2 из 2 • 1, 2
Страница 2 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|