уц
уц
Сообщений 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>










