снс - возможное добавление

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

Поделиться12021-01-10 00:01:52

Автор: yume furin
Администратор
Соул:
Сообщений: 11
Уважение: +0

Утащила с другого форума, чтобы переработать под наш

[html]<center><div class="tobacco">
<table><tr><td class="pic">

</td><td class="info">

<div class="timestamp">время / дата написанных сообщений</div>

<mssg>текст сообщения</mssg>
<mssg>текст сообщения</mssg>
<mssg>текст сообщения</mssg>
<mssg><img src="ссылка на изображение"></mssg>

</div></td></tr></table></center>
<style>
.tobacco {width: 450px; padding: 3px; letter-spacing: 0px;}
.tobacco h1 { text-align: left; padding-left: 20px; margin: 25px 0 5px 0; color: #222; font: bold 28px/20px cabin; padding-right: 5px; text-transform: uppercase;}
.tobacco table {width: 450px; text-align: center;}
.tobacco table .pic { width: 120px; vertical-align: top;}
.tobacco .pic img { width: 80px; height: 80px; box-shadow: 1px 1px 4px rgba(0,0,0,.2); border-radius: 15px; border: solid 5px #fff; margin: auto;}
.tobacco .status { border-bottom: solid 1px #D5D5D5; text-align: left; color: #808080; font: 10px/10px cabin; letter-spacing: 1px; padding: 0px 0px 10px 55px;}
.tobacco .info { padding: 5px 10px; vertical-align: top; text-align: left;}
.tobacco .timestamp{ font: 8px cousine; color: #8C8C8C; text-transform: uppercase; margin: 5px 0;}
.tobacco .timestamp1 { font: 8px cousine; color: #8C8C8C; text-transform: uppercase; margin: 5px 0; margin-left: 135px;}
.tobacco mssg { display: block; background: linear-gradient(45deg, #f1f1f1, #fdfdfd);
padding: 7px 7px 7px 7px;
margin: 10px 0;
border: solid 1px #e1dbd1; color: #222; font: 11px arial; border-radius: 10px; border-top-left-radius: 0;}
.tobacco mssg img { max-width: 100%; border-radius: 5px; border-top-left-radius: 0;}
.tobacco mssg1 { display: block; background: linear-gradient(45deg, #fdf5ef, #f1f4f5);
padding: 7px 7px 7px 7px;
margin: 10px 0;
border: solid 1px #e1dbd1; color: #222; font: 11px arial; border-radius: 10px;border-top-right-radius: 0;}
</style>
[/html]

Код:

[html]<center><div class="tobacco">
<table><tr><td class="pic">

<img src="ссылка на аватар 80х80">

</td><td class="info">

<div class="timestamp">время / дата написанных сообщений</div>

<mssg>текст сообщения</mssg>
<mssg>текст сообщения</mssg>
<mssg>текст сообщения</mssg>
<mssg><img src="ссылка на изображение"></mssg>

</div></td></tr></table></center>
[/html]

[html]<center><div class="tobacco">
<table><tr> <td class="info">

<div class="timestamp1">время / дата написанных сообщений</div>

<mssg1>текст сообщения</mssg1>
<mssg1>текст сообщения</mssg1>
<mssg1>текст сообщения</mssg1>
<mssg1><img src="ссылка на изображение"></mssg1>

</div></td>

</td></tr></table></center>
<style>
.tobacco {width: 450px; padding: 3px; letter-spacing: 0px;}
.tobacco h1 { text-align: left; padding-left: 20px; margin: 25px 0 5px 0; color: #222; font: bold 28px/20px cabin; padding-right: 5px; text-transform: uppercase;}
.tobacco table {width: 450px; text-align: center;}
.tobacco table .pic { width: 120px; vertical-align: top;}
.tobacco .pic img { width: 80px; height: 80px; box-shadow: 1px 1px 4px rgba(0,0,0,.2); border-radius: 15px; border: solid 5px #fff; margin: auto;}
.tobacco .status { border-bottom: solid 1px #D5D5D5; text-align: left; color: #808080; font: 10px/10px cabin; letter-spacing: 1px; padding: 0px 0px 10px 55px;}
.tobacco .info { padding: 5px 10px; vertical-align: top; text-align: left;}
.tobacco .timestamp{ font: 8px cousine; color: #8C8C8C; text-transform: uppercase; margin: 5px 0;}
.tobacco .timestamp1 { font: 8px cousine; color: #8C8C8C; text-transform: uppercase; margin: 5px 0; margin-left: 135px;}
.tobacco mssg { display: block; background: linear-gradient(45deg, #f1f1f1, #fdfdfd);
padding: 7px 7px 7px 7px;
margin: 10px 0;
border: solid 1px #e1dbd1; color: #222; font: 11px arial; border-radius: 10px; border-top-left-radius: 0;}
.tobacco mssg img { max-width: 100%; border-radius: 5px; border-top-left-radius: 0;}
.tobacco mssg1 { display: block; background: linear-gradient(45deg, #fdf5ef, #f1f4f5);
padding: 7px 7px 7px 7px;
margin: 10px 0;
border: solid 1px #e1dbd1; color: #222; font: 11px arial; border-radius: 10px;border-top-right-radius: 0;}
</style>[/html]

Код:

[html]<center><div class="tobacco">
<table><tr> <td class="info">

<div class="timestamp1">время / дата написанных сообщений</div>

<mssg1>текст сообщения</mssg1>
<mssg1>текст сообщения</mssg1>
<mssg1>текст сообщения</mssg1>
<mssg1><img src="ссылка на изображение"></mssg1>

</div></td>

<td class="pic">

<img src="ссылка на аватар 80х80">

</td></tr></table></center>[/html]

Поделиться22021-01-10 00:12:45

Автор: yume furin
Администратор
Соул:
Сообщений: 11
Уважение: +0

[html]
<div id="CHARINITIALS">
<div class="ignamebar">Facebook
<div class="pmthing"><img src="http://i.imgur.com/NjCvAhr.jpg" width="35"></div></-by cherry bee @ shine->
</div>
<div class="igusericon"><img src="http://se.uploads.ru/r9ZdS.jpg" width="40">
<div class="igusername">gackt</div></div>
<div style="width: 311px; overflow: hidden; padding: 0px 2px 7px 2px; background-color: #fff; position: relative;">
<div style="width: 315px; overflow: hidden; position: relative; background-color: #fff;">
<div class="igpostcap"><b><font size="3"></font></b>
<b>Gackt</b> Привет, Джи Юн, давно не говорили. Прости, работа меня совсем достала, поэтому пропал на такой долгий срок и надеюсь, что ты не сильно злишься из-за этого. Но я могу обрадовать тебя, что у меня наконец-то начался долгожданный отпуск!<br></div>

</div><style type="text/css">
#CHARINITIALS { width: 320px; background-color: #e1e1e1; border-radius: 5px; padding: 8px 4px 8px 4px; }
.ignamebar { width:300px; height: 25px; overflow: hidden; background-color: #105687; position: relative; overflow: hidden; font-family: 'Lobster Two', cursive; font-size: 20px; color: #fff; text-align: left; padding: 11px 5px 3px 10px; }
.pmthing { width: 30px; left: 260px; position: relative; top: -23px; background-color: #105687; }
.igusericon { width: 303px; height: 30px; position: relative; padding: 5px 5px 5px 7px; background-color: #fff; text-align: left; overflow: hidden; } .igusericon img { border-radius: 100px; }
.igusername { width: 200px; position: relative; padding: 4px; color: #105687; font-family: 'Calibri'; font-size: 13px; font-weight: 700; text-align: left; top: -26px; left: 35px; text-transform: lowercase; }
.igpostcap { width: 301px; position: relative; padding: 7px; font-family: 'Noto Sans', sans-serif; font-size: 12px; color: #222; overflow: auto; background-color: #ffffff; text-align: justify; line-height: 13px; } .igpostcap i { color: #105687; } .igpostcap b { color: #105687; font-family: 'Calibri'; font-weight: 700; }
</style><link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lobster+Two:400,700' rel='stylesheet' type='text/css'>[/html]

Поделиться32021-01-10 00:41:35

Автор: yume furin
Администратор
Соул:
Сообщений: 11
Уважение: +0

[html]
<div id='pinesocialreply'>
<div class='pineinnerreply'>
<div class='pinetweet'><div style="width: 40px; position: relative; top: 0px; right: 50px; height: 40px; border: 1px solid #E0E0E0; float: right; padding: 3px; border-radius: 100%;"><div class='tweetimage' style="background: url('http://placehold.it/40');"></div></div>
<div class='atweet'><b>@usernamehere</b><br>
текст треда или текст комментария на тред. максимальное кол-во знаков - 300
</div>

</div>
</div>
</div>
<style type='text/css'>
#pinesocialreply {
width: 400px;
height: auto;
padding: 50px;
margin: 0 auto;
position: relative;
}

.pineinnerreply {
width: 360px;
padding: 20px;
height: auto;
background: #fff;
}

.pinetwitter {
position: relative;
}

.pinetweet th {
padding: 5px;
font: normal normal 10px/10px arial;
color: #333;
}

.tweetimage {
border-radius: 100%;
height: 40px;
width: 40px;
background-size: cover;
}

.atweet {
width: 260px;
height: auto;
margin: 10 auto;
font: normal normal 11px/15px arial;
text-align: justify;
color: #333;
border-bottom: 1px solid #E0E0E0;
padding-bottom: 5px;
}

.atweet b { color: #1874CD;}
</style>[/html]

[html]
<div id='pinesocialreply'>
<div class='pineinnerreply'>
<div class='pinetweet'><div style="width: 40px; position: relative; top: 0px; left: -10px; height: 40px; border: 1px solid #E0E0E0; float: left; padding: 3px; border-radius: 100%;"><div class='tweetimage' style="background: url('http://placehold.it/40');"></div></div>
<div class='atweet'><b>@usernamehere</b><br>
текст треда или текст комментария на тред. максимальное кол-во знаков - 300
</div>

</div>
</div>
</div>
<style type='text/css'>
#pinesocialreply {
width: 400px;
height: auto;
padding: 50px;
margin: 0 auto;
position: relative;
}

.pineinnerreply {
width: 360px;
padding: 20px;
height: auto;
background: #fff;
}

.pinetwitter {
position: relative;
}

.pinetweet th {
padding: 5px;
font: normal normal 10px/10px arial;
color: #333;
}

.tweetimage {
border-radius: 100%;
height: 40px;
width: 40px;
background-size: cover;
}

.atweet {
width: 260px;
height: auto;
margin: 10 auto;
font: normal normal 11px/15px arial;
text-align: justify;
color: #333;
border-bottom: 1px solid #E0E0E0;
padding-bottom: 5px;
}

.atweet b { color: #1874CD;}
</style>[/html]

Tester #7

Меню навигации

Пользовательские ссылки

Объявление

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

снс - возможное добавление

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

Поделиться12021-01-10 00:01:52

Поделиться22021-01-10 00:12:45

Поделиться32021-01-10 00:41:35