уц
уц
Сообщений 1 страница 11 из 11
Поделиться22016-05-02 15:40:46
выравание инсты
плашки сверху
таблица
таблица прозрачные блоки
фн таблицы
5пк направо
Поделиться32016-05-02 15:41:35
Татьяна05:45
Основной текст - 545568
можно еще по категориям разные цвета сделать чтобы не одинаково было если это ок, накидаю разных оттенков, а пока попробуй поставить на одну категорию: b1ced4 - темный (80-100% непрозрачности), b9d2d7 - светлый (на 40% прозрачности)
Пересланные сообщения
Инсту увеличенную картинку на 3 пх влево и на 3 пх вверх
ссылки в углу, убрала профессии, т.к. они в той же теме, что и "об еклере" + добавила объявления - это вот книга заметок (http://riversandroads.rusff.me/viewtopic.php?id=32) и гостевую (http://riversandroads.rusff.me/viewtopic.php?id=1134)
Сменились плашки в табле: http://funkyimg.com/i/2bmPz.png - это для актива, http://funkyimg.com/i/2bmPA.png - это нужники (размеры у них разные, высота - как у прежних)сам фон таблы: http://funkyimg.com/i/2bmPF.png - чтобы не дублировалось при наложении плашки (где риверс и роадс утолщается)квадратики в инсте: http://funkyimg.com/i/2bmPB.png - это рыжий во втором ряду, это http://funkyimg.com/i/2bmPC.png вместо фиолетового в третьемлого чутка поменялось, размеры прежние - http://funkyimg.com/i/2bmPD.pnghttp://funkyimg.com/i/2bmPE.png - плашка риверс и роадс, я ее отовсюду вырезала, поставь ее поверх всего-всего (где ща ее огрызок стоит)
http://funkyimg.com/i/2bmYQ.png - тело, а то я сначала 930 его сделала
http://funkyimg.com/i/2bnn9.png подвальчиккатегории: garamond заголовки, ссылки century gothic ЖИРНЫЙ
поебота лезе
http://funkyimg.com/i/2bnc3.png - на заливку ника
http://funkyimg.com/i/2bnc2.png - на фон рамочки можно или просто цвет b5acc3
http://funkyimg.com/i/2bncg.png - вот полупрозрачная плашка под описание и для профиль лс емайл
шрифты короче verdana основа, в плашке вход выход амс - century gothic (поменьше его сделать до 16 где-то), в лз - имя Garamond, в рамочке имяниквозраст century gothic, статус им же, остальное вердана
Поделиться42016-05-02 17:52:40
eto vazhno
Поделиться62016-05-04 13:24:11
<!--HTML--> <div style="width:100px; height:100px; background-color: #F8E8F7">f<div> <div style="width:100px; height:100px; background-color: #212227">f<div>
Поделиться72016-05-05 19:12:54
#212227
Поделиться82016-05-05 19:16:19
font-size 10
Поделиться92016-05-07 01:29:12
Поделиться102016-05-14 23:13:35
тут будет карта
<!--HTML--> <style> /*--------------табла большой--------------------*/ .kysok1 { width:131px; height:190px; } .kysok1 img { transition: 0.3s; opacity: 1; } .kysok1:hover span{ display:block; } .kysok1:hover img{ opacity: 0.3; transition: 0.3s; } .kysok1 span { width:100%; display: none; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; color:#212227; } .ysok11 {height: 131px; width: 190px; text-align:center; vertical-align: middle; display: table-cell; font-size: 14px; font-family: century gothic; text-align-last:center; color: #212227;} </style> <style>.karta { z-index:100; width: 886px; height: 814px; background-image:url(http://funkyimg.com/i/2bNok.png); opacity: 1; -webkit-transition: all 1s ease-in-out 0.1s; -moz-transition: all 1s ease-in-out 0.1s; -o-transition: all 1s ease-in-out 0.1s; transition: all 0.15s ease-in-out 0.1s; transition-delay: 0.15s; } </style> <center> <div class="karta"> <div class="kysok1" style="margin-left: 0px;margin-top: 102px;position:absolute;"> <a href="http://riversandroads.rusff.me/viewtopic.php?id=1616#p130661"><img src="http://funkyimg.com/i/2bNoJ.png"><span><div class="texttabla1">последнее время </div></span></a></div> <div class="kysok1" style="margin-left: 393px;margin-top: 0px;position:absolute;"><a href="http://riversandroads.rusff.me/profile.php?id=490"><img src="http://funkyimg.com/i/2bNoK.png"><span><div class="texttabla"><b>Этьен</b> <i>озорной плачущий дизайнер</i></div></span></a> </div> <div class="kysok1" style="margin-left: 252px;margin-top: 135px;position:absolute;"><a href="http://riversandroads.rusff.me/profile.php?id=275"><img src="http://funkyimg.com/i/2bNoL.png"><span><div class="texttabla"><b>Ксавье</b> <i>доблестный мертвый кодер</i></div></span></a> </div> <div class="kysok1" style="margin-left: 387px;margin-top: 362px;position:absolute;"><a href="http://riversandroads.rusff.me/viewtopic.php?id=1470#p131269"><img src="http://funkyimg.com/i/2bNoM.png"><span><div class="texttabla"><b>Американа</b> <i>и ее правила жизни</i></div></span></a> </div> <div class="kysok1" style="margin-left: 200px;margin-top: 450px;position:absolute;"><a href="http://riversandroads.rusff.me/viewtopic.php?id=1628#p130901"><img src="http://funkyimg.com/i/2bNoN.png"><span><div class="texttabla"><b>Джо</b> <i>кинокритик с драмой</i></div></span></a> </div> <div class="kysok1" style="margin-left: 507px;margin-top: 547px;position:absolute;"> <a href="http://riversandroads.rusff.me/viewtopic.php?id=2#p130258"><img src="http://funkyimg.com/i/2bNoP.png"><span><div class="texttabla3">Морэа хочет своего начальника</div><br></span></a></div> </div> </center>
Поделиться112016-05-14 23:57:15
<!--HTML--> <link href='https://fonts.googleapis.com/css?family=Bad+Script|Lora:700italic,400|Playfair+Display+SC:900italic|Ruslan+Display&subset=latin,cyrillic' rel='stylesheet' type='text/css'> <style> .kolyshek { width:50px; height:30px; } .kolyshek img { transition: 0.3s; opacity: 1; } .kolyshek:hover span{ display:block; } .kolyshek:hover img{ opacity: 01; transition: 0.3s; } .kolyshek span { background: rgba(230, 230, 230, 0.9); width:100%; position: relative; top: -158px; left: -51px; width: 183px; height: 120px; text-align:center; text-align-last:center; display: none; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; color: #212227; border: dashed 1px #212227; z-index:10; } .zadania { width: 183px; height: 120px; text-align:center; vertical-align: middle; display: table-cell; font-size: 12px; font-family: Lora; font-weight:bold; padding:2px; line-height: 19px; text-align-last:center; color: black; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; z-index:10; } </style> <center> <div style="width: 562px;height: 976px;background-image:url(http://funkyimg.com/i/2bNpG.png);background-size: 100%;"> <div style="position:absolute;margin-top: 190px;margin-left: 286px;/* z-index:50; */" class="kolyshek"><img src="http://funkyimg.com/i/2bQfR.png"><span><div class="zadania">1. поставить пидорский аватар<br>2. поиздеваться над дедом</div></span></div> <div style="position:absolute;margin-top: 211px;margin-left: 183px;/* z-index:50; */" class="kolyshek"><img src="http://funkyimg.com/i/2bQfS.png"><span><div class="zadania">1. поставить пидорский аватар<br>2. поиздеваться над дедом</div></span></div> <div style="position:absolute;margin-top: 285px;margin-left: 22px;" class="kolyshek"><img src="http://funkyimg.com/i/2bQfQ.png"><span><div class="zadania">3. кинуть в мысли 5 пидорских гифок<br>4. рассказать, почему натуралы не могут сыграть симфонию или написать шедевр</div></span></div> <div style="position:absolute;margin-top: 382px;margin-left: 75px;" class="kolyshek"><img src="http://funkyimg.com/i/2bNro.png"><span><div class="zadania">3. кинуть в мысли 5 пидорских гифок<br>4. рассказать, почему натуралы не могут сыграть симфонию или написать шедевр</div></span></div> <div style="position:absolute;margin-top: 371px;margin-left: 227px;" class="kolyshek"><img src="http://funkyimg.com/i/2bQfQ.png"><span><div class="zadania">3. кинуть в мысли 5 пидорских гифок<br>4. рассказать, почему натуралы не могут сыграть симфонию или написать шедевр</div></span></div> <div style="position:absolute;margin-top: 388px;margin-left: 386px;/* z-index:50; */" class="kolyshek"><img src="http://funkyimg.com/i/2bQfS.png"><span><div class="zadania">1. поставить пидорский аватар<br>2. поиздеваться над дедом</div></span></div> <div style="position:absolute;margin-top: 567px;margin-left: 342px;/* z-index:50; */" class="kolyshek"><img src="http://funkyimg.com/i/2bQfR.png"><span><div class="zadania">1. поставить пидорский аватар<br>2. поиздеваться над дедом</div></span></div> <div style="position:absolute;margin-top: 550px;margin-left: 163px;" class="kolyshek"><img src="http://funkyimg.com/i/2bQfS.png"><span><div class="zadania">3. кинуть в мысли 5 пидорских гифок<br>4. рассказать, почему натуралы не могут сыграть симфонию или написать шедевр</div></span></div> <div style="position:absolute;margin-top: 600px;margin-left: 33px;/* z-index:50; */" class="kolyshek"><img src="http://funkyimg.com/i/2bQfR.png"><span><div class="zadania">1. поставить пидорский аватар<br>2. поиздеваться над дедом</div></span></div> <div style="position:absolute;margin-top: 724px;margin-left: 97px;" class="kolyshek"><img src="http://funkyimg.com/i/2bQfS.png"><span><div class="zadania">3. кинуть в мысли 5 пидорских гифок<br>4. рассказать, почему натуралы не могут сыграть симфонию или написать шедевр</div></span></div> <div style="position:absolute;margin-top: 718px;margin-left: 247px;/* z-index:50; */" class="kolyshek"><img src="http://funkyimg.com/i/2bQfR.png"><span><div class="zadania">1. поставить пидорский аватар<br>2. поиздеваться над дедом</div></span></div> <div style="position:absolute;margin-top: 730px;margin-left: 407px;" class="kolyshek"><img src="http://funkyimg.com/i/2bNro.png"><span><div class="zadania">3. кинуть в мысли 5 пидорских гифок<br>4. рассказать, почему натуралы не могут сыграть симфонию или написать шедевр</div></span></div> <!------------первый шарик----------------> <div style="width: 20px;height: 1px;position: relative;top: 80px;left: 14px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Елиас</font><br><img src="http://funkyimg.com/i/2bQeu.png"></div> <!------------первый шарик----------------> <div style="width: 120px;height: 5px;position: relative;top: 99px;left: -75px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Керлинг</font><br><img src="http://funkyimg.com/i/2bPZH.png"></div> <!------------третий шарик----------------> <div style="width: 120px;height: 5px;position: relative;top: 169px;left: -239px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Ксавье</font><br><img src="http://funkyimg.com/i/2bQes.png"></div> <!------------четвертый шарик----------------> <div style="width: 68px;height: 5px;position: relative;top: 261px;left: -185px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Беау</font><br><img src="http://funkyimg.com/i/2bQet.png"></div> <!------------пятый шарик----------------> <div style="width: 96px;height: 5px;position: relative;top: 181px;left: -32px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Робин с ред баса</font><br><img src="http://funkyimg.com/i/2bQeu.png"></div> <!------------шестой шарик----------------> <div style="width: 120px;height: 5px;position: relative;top: 229px;left: 126px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Святой дух</font><br><img src="http://funkyimg.com/i/2bQev.png"></div> <!------------седьмой шарик----------------> <div style="width: 120px;height: 5px;position: relative;top: 433px;left: 85px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Христос</font><br><img src="http://funkyimg.com/i/2bQew.png"></div> <!------------восьмой шарик----------------> <div style="width: 105px;height: 5px;position: relative;top: 378px;left: -94px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Не мистер</font><br><img src="http://funkyimg.com/i/2bQex.png"></div> <!------------девятый шарик----------------> <div style="width: 120px;height: 5px;position: relative;top: 454px;left: -223px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Мистер</font><br><img src="http://funkyimg.com/i/2bQey.png"></div> <!------------десятый шарик----------------> <div style="width: 92px;height: 5px;position: relative;top: 573px;left: -157px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Хуистер</font><br><img src="http://funkyimg.com/i/2bQey.png"></div> <!------------одиннадцатый шарик----------------> <div style="width: 120px;height: 5px;position: relative;top: 530px;left: -9px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Дед пердед</font><br><img src="http://funkyimg.com/i/2bQey.png"></div> <!------------двенадцатый шарик----------------> <div style="width: 120px;height: 5px;position: relative;top: 567px;left: 149px;/* z-index:2; */text-align: center;text-align-last: center;"><font size="5" color="red" face="Comic Sans Ms">Или нет</font><br><img src="http://funkyimg.com/i/2bQey.png"></div> </div> </center>