Добро пожаловать в солнечный Лос-Анджелес! Голливуд встречает вас своим таким простым приветствием на горе Маунт-Ли. Слабо туда забраться? Ну и что, что запрещено?! Кого и когда
это останавливало?

правила
внешности
путеводитель
новости
гостевая
Рейтинг Ролевых Ресурсов - RPG TOP photoshop: Renaissance





hollywood

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

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


Вы здесь » hollywood » пробный » соц.сеть


соц.сеть

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

1

твиттер

Код:
<!--HTML--><style type="text/css">
.merc_chirp {
width: 500px;
margin: 25px auto;
-webkit-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
-moz-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
}

.merc_chirp2 {
width: 460px;
padding: 20px;
background-color: #23afbb;
color: #fff;
text-align: center;
font-family: open sans condensed;
font-size: 14px;
}
.merc_chirp3 {
width: 500px;
margin: auto;
height: 200px;
background-image:url(http://placehold.it/500x200);
position: relative;
z-index: 2;
}
.merc_chirp4 {
width: 500px;
overflow: hidden;
background-color: #dcdcdc;
}
.merc_chirp5 {
width: 150px;
padding: 10px;
background-color: #fbfbfb;
margin-left: 10px;
margin-top: -1px;
position: relative;
}
.merc_chirp6 {
width: 200px;
padding: 10px;
background-color: #fbfbfb;
margin-left: 10px;
margin-top: -1px;
padding-bottom: 30px;
}
.merc_chirp7 {
width: 100px;
height: 100px;
box-shadow: inset 0 0 0 7px rgba(255,255,255,.8);
background-image:url(http://placehold.it/100x100);
margin-left: 50px;
z-index: 4;
top: 150px;
position: relative;
}
.merc_chirp8 {
font-family: open sans; 
font-size: 9px;
text-align: justify;
padding: 10px;
color: #191919;
line-height: 115%;
padding-top: 50px;
}
.merc_chirp8 h1 {
font-size: 11px;
letter-spacing: 1px;
color: #23afbb;
}
.merc_chirp9 {
padding: 7px;
font-family: open sans;
font-size: 10px;
text-align: center;
padding-top: 5px;
width: 50px;
float: left;
background-color: #fbfbfb;
}
.merc_chirp9 h1 {
float: left;
font-size: 10px;
margin-top: 0px;
margin-right: 2px;
color: #23afbb;
}
.merc_chirp10 {
width: 65px;
height: 65px;
background-image:url(http://placehold.it/65x65);
}
.merc_chirp11 {
width: 200px;
margin: auto;
}

/*** CHEEP ***/
.merc_cheep {
width: 200px;
padding: 20px;
background-color: #dcdcdc;
margin: 25px auto;
-webkit-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
-moz-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
}

.merc_cheep2 {
padding: 10px;
background-color: #fbfbfb;
padding-top: 15px;
}
.merc_cheep3 {
padding-top: 3px;
}
.merc_cheep4 {
font-family: open sans; 
font-size: 9px;
text-align: justify;
padding: 10px;
color: #525252;
line-height: 95%;
}
.merc_cheep4 h1 {
font-size: 11px;
letter-spacing: 1px;
color: #23afbb;
margin-top: 8px;
margin-bottom: 5px;
}
.merc_cheep5 {
width: 50px;
height: 50px;
background-image:url(http://placehold.it/50x50);
float: left;
margin-right: 10px;
margin-top: -10px;
}
.merc_cheep6 {
font-family: open sans; 
font-size: 12px;
text-align: justify;
padding: 20px;
color: #191919;
line-height: 95%;
}
.merc_cheep7 {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
background-color: #fbfbfb;
text-align: center;
word-spacing: 100px;
}
.merc_cred { text-align: center; font-family: calibri; font-size: 7px; text-transform: uppercase;  }
</style>
<div class="merc_chirp">
<div class="merc_chirp2"><img src="http://i.imgur.com/xhd6gvE.png"> Twitter</div>
<div class="merc_chirp3" style="background-image:url(http://placehold.it/500x200);">
 <div class="merc_chirp7" style="background-image:url(http://placehold.it/100x100);"></div>
       </div>
<div class="merc_chirp4"><table><tr valign="top"><td>
 <div class="merc_chirp5">
 	<div class="merc_chirp8">
   <h1>@username</h1>
   статус
 	</div>
 </div></td><td>
 <div class="merc_chirp6">
 	<div class="merc_chirp9"><h1>100</h1> Following<br /></div>
 	<div class="merc_chirp9"><h1>100</h1> Followers<br /></div>
 	<div class="merc_chirp9"><h1>100</h1> Favorites<br /></div>

 	<div class="merc_chirp11">
   <table><tr valign="top">
   	<td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
   	<td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
   	<td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td></tr><tr valign="top">
   	<td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
   	<td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
   	<td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
   </tr></table>
 	</div>
 </div></td></tr></table>
</div>
</div>

0

2

Код:
<!--HTML--><div class="merc_cheep">
<div class="merc_cheep2">
<div class="merc_cheep4">

<div class="merc_cheep5" style="background-image:url(http://placehold.it/50x50);"></div>
<h1>display name</h1>
@username
</div>

<div class="merc_cheep6">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>

<div class="merc_cheep7">
<table cellspacing="5"><tr valign="top"><td>
<img src="http://i.imgur.com/mMlIEF3.png" style="margin-right: 200px" />
</td><td>
<img src="http://i.imgur.com/6i6u6rf.png" style="margin-right: 200px" />
</td><td>
<img src="http://i.imgur.com/ShSxwlB.png" />
</td></tr></table>
</div>
</div></div>

0

3

инстаграмм

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<style type="text/css">
#instaa { position: relative; width: 306px; height: 460px; background: url(http://savepic.net/6617958.png); background-position: center top; border: 10px solid #ddd;}
#instaa #user { position: absolute; width: 100px; height: 15px; top: 13px; left: 100px; color: black; font: 14px montserrat; text-transform: uppercase; }
#instaa #ava { position: absolute; width: 70px; height: 70px; top: 50px; left: 10px; background: url(ваш аватар 70*70); }
#instaa #stats { position: absolute; width: 200px; height: 15px; top: 50px; left: 120px; color: black; font: 14px montserrat; text-align: left; }
#instaa #name { position: absolute; width: 150px; height: 15px; top: 130px; left: 10px; color: black; font: bold 12px arial; text-align: justify; }
#instaa #info { position: absolute; width: 280px; height: 15px; top: 150px; left: 10px; color: black; font: 10px cambria; text-align: justify; }
#instaa #pics { position: absolute; width: 306px; top: 225px; left: 0px; }
#instaa #cred a { position: absolute; width: 306px; height: 40px; top: 435px; left: 0px; background: url(http://i.imgur.com/RrCP9Kc.png); background-position: center bottom; }
</style>

<center><div id="instaa"><div id="user">username</div><div id="ava"></div><div id="stats">
### &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
### &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
###
</div><div id="name">ИМЯ И ФАМИЛИЯ (ENG)</div><div id="info">

Ваша цитата здесь

</div><div id="pics">

<img style="margin: 1px;" src="http://placehold.it/100x100"><img style="margin: 1px;" src="http://placehold.it/100x100"><img style="margin: 1px;" src="http://placehold.it/100x100">
<img style="margin: 1px;" src="http://placehold.it/100x100"><img style="margin: 1px;" src="http://placehold.it/100x100"><img style="margin: 1px;" src="http://placehold.it/100x100">

</div></div></center>

0

4

Код:
<!--HTML--><style type="text/css">
#instab { position: relative; width: 300px; height: 510px; background: url(http://i.imgur.com/UYep8iN.png); background-position: center top; border: 10px solid #ddd;}
#instab #user { position: absolute; height: 15px; top: 58px; left: 45px; color: #175d96; font: bold 12px arial; }
#instab #ava { position: absolute; width: 30px; height: 30px; top: 50px; left: 5px; background: url(ваш аватар здесь 30x30); }
#instab #pic { position: absolute; width: 300px; height: 300px; top: 85px; left: 0px; }
#instab #info { position: absolute; width: 260px; height: 15px; top: 409px; left: 23px; color: black; font: 12px/90% arial; text-align: justify; }
#instab #cred a { position: absolute; width: 300px; height: 40px; top: 470px; left: 0px; background: url(http://i.imgur.com/RrCP9Kc.png); background-position: center bottom; }
</style>

<center><div id="instab"><div id="user">имя пользователя</div><div id="ava"></div><div id="pic"><img src="http://placehold.it/300x300"></div><div id="info"><span style="color: #175d96; font: bold 12px arial; ">имя пользователя</span> 

описание к фото

</div></div></center>

0

5

Код:
<!--HTML--><DIV align=center><Div style="width: 450px; background-color: #d2ced5; border: 10px #4f142b double; padding: 15px;"><center>
Интернет уже давно прочно вошел в нашу жизнь. Даже если у вас совершенно нет времени сидеть дома за компьютером, то уж телефон-то у вас точно всегда с собой, а это значит, что в любой момент можно заглянуть в любимую социальную сеть, оставить сообщение или запостить фотографию.<p><p>
Мы не стали повторять уже избитый инстаграмм и твиттер, а представляем вам собственную сеть под названием STAR.COME. По функционалу она мало чем отличается от вышеупомянутых, но зачем изобретать велосипед, верно? <p><p>
Да, оформление сети у нас происходит с помощью html. Не спешите паниковать, никто не требует от вас знания языков программирования. Достаточно просто скопировать приведенный ниже код и аккуратно внести в него свой текст, а потом отправить, не забывая, что, раз это код, значит, и отправлять надо в тегах [ code ][ / code ].<p><p>
В тексте кода мы выделили жирным цифры - это высота поля в пикселях, ее вы тоже можете менять по своему усмотрению для правильного отображения кода.<p><p>
В случае чего - просто напишите администраторам и они поправят все ошибки.</div>

0

6

аск.фм
завести специальный профиль для вопросника

ask.fm

http://placehold.it/150x150

@никнейм
статус

0

7

задать вопрос

ask.fm

ваш вопрос
дата

0

8

ответ на вопрос

ask.fm

копируем сюда вопрос

даем на вопрос ответ

0

9

отказаться от ответа, т.е. удалить вопрос

ask.fm

копируем сюда вопрос

данный вопрос был удален пользователем

0


Вы здесь » hollywood » пробный » соц.сеть


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