мы рады видеть тебя в О-Клэр – заблудший странник ли ты
или наш старый знакомый,
тебе всегда найдется здесь место!
1710
330
450

soprop

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » soprop » Новый форум » уц


уц

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

1

уц

0

2

выравание инсты
плашки сверху
таблица
таблица прозрачные блоки
фн таблицы

5пк направо

0

3

Татьяна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.png
http://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, статус им же, остальное вердана

0

4

eto vazhno

0

5

https://pp.vk.me/c604518/v604518865/8fd … U1EypA.jpg

0

6

Код:
<!--HTML-->
<div style="width:100px; height:100px; background-color: #F8E8F7">f<div>
<div style="width:100px; height:100px; background-color: #212227">f<div>

0

7

#212227

0

8

font-size 10

0

9

длинное длинное длинное длинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинноедлинное длинное длинное

0

10

тут будет карта

Код:
<!--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>

0

11

kartakarta

Код:
<!--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>

0


Вы здесь » soprop » Новый форум » уц


Рейтинг форумов | Создать форум бесплатно