имя фамилия и возраст

раса способность

информация

деньги

[float=left][/float]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi convallis varius massa, eget auctor erat volutpat eu. Aliquam tincidunt odio ut tortor pretium, at condimentum enim cursus. Nullam vel elit nec augue accumsan maximus. Nunc justo odio, scelerisque a tristique ac, tincidunt a odio. Suspendisse volutpat, felis sed molestie cursus, nisl diam porta purus, fringilla suscipit mauris nisi sit amet felis. Phasellus euismod mattis lacus, a facilisis turpis vehicula aliquet. Curabitur ornare, massa vel dictum bibendum, mi sapien commodo justo, non rhoncus purus elit quis tellus. Donec molestie, erat sit amet convallis molestie, magna tellus varius felis, at suscipit massa sapien vitae nisl. Nullam non dapibus elit. Donec et ex diam. Praesent mattis pulvinar ipsum sit amet consectetur. Donec laoreet nisi rutrum, porta lacus at, elementum nisl. Fusce varius nibh quis lectus ultrices, eu sodales nisl aliquam. Nullam congue libero purus, eu laoreet ligula laoreet id. Vestibulum et ullamcorper nunc, sit amet dignissim nisi.

Quisque neque ipsum, tincidunt vel rutrum et, condimentum eu sem. Nulla sit amet elementum ex. Nullam vehicula ac arcu non maximus. Nam vestibulum, ante et pharetra aliquam, lacus ex consequat sem, id convallis felis urna a mi. Vivamus urna est, lacinia id lectus malesuada, convallis condimentum ligula. Praesent placerat neque non nulla gravida, eu viverra ipsum ultricies. Morbi ac auctor sapien. Vestibulum nibh urna, semper ac felis non, consequat gravida erat. Vestibulum sed nisi rhoncus, vehicula tortor ac, fringilla nibh. Integer ultricies lacinia lectus, vitae faucibus nibh commodo ac. In viverra consectetur ante a porta. Sed at rhoncus sem. Nunc eget volutpat lorem, mattis tincidunt erat. In fringilla leo augue, non ornare eros congue vel.

Maecenas dictum mattis commodo. Maecenas et quam a mauris auctor pellentesque quis condimentum quam. Sed consequat dolor lorem, a venenatis arcu convallis quis. Pellentesque id sollicitudin tortor, et fringilla elit. Duis bibendum risus erat, nec faucibus massa laoreet non. Donec mattis, nibh eu dictum vulputate, sapien nisl facilisis urna, et hendrerit nisl neque at metus. Donec vel tortor tellus. Donec id orci a lectus malesuada posuere sit amet aliquam massa. Mauris eleifend nisl at congue iaculis. Fusce molestie varius urna, sit amet tristique diam sollicitudin nec. Morbi maximus tempus diam, blandit aliquet urna auctor non.

Mauris tincidunt, lacus in tristique dapibus, eros ipsum dignissim leo, finibus aliquet elit ligula pretium tellus. Etiam scelerisque sed lacus eget laoreet. Quisque laoreet euismod porta. Sed congue, neque in cursus laoreet, turpis nisi blandit dolor, at sagittis justo turpis a lacus. Nullam tempus massa accumsan, aliquet quam sed, facilisis lacus. Suspendisse rutrum turpis molestie leo suscipit dignissim. Cras vitae justo sagittis, ornare elit efficitur, condimentum augue.

Aliquam ac odio in magna pellentesque ornare a nec enim. Cras facilisis efficitur faucibus. Aliquam maximus finibus lectus, vitae cursus eros ultrices in. Sed posuere dolor consequat lacinia venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed quis risus sit amet eros venenatis dignissim. Mauris vel nunc eget erat eleifend elementum pulvinar in nisi. Aliquam quis nisi porttitor, ultricies quam eu, molestie justo. Nullam eget diam erat. Praesent vestibulum tincidunt nisl quis dapibus. Proin venenatis iaculis sem. Aliquam erat volutpat. Proin sit amet volutpat est, in dapibus quam.

[dohtml]

<ссылка отн="стилей" с href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<центр><див класс=ffybase"><див класс="ffyhead"><имг></имг><див>имя пользователя</див><див> 1ч</див> </див><див класс="ffyimg"></див><див класс="ffyicons"><див><I класса="Иона-иос-сердце-контур">отключено</I> <I класса="Иона-иос-chatbubble-план"></I> и <I класса="значок ион-иос-повтор-план">отключено</I> <I класса="Иона-прошивкой-более-контур" стиль="позиция:относительная; размер шрифта:30 пикселей; Кол-во: 85px; топ:5 пикселей; ">отключено</I></див></див><див класс="ffycomments"><див><I класса="Иона-иос-сердце">отключено</I></див><див>имя пользователя, имя пользователя, имя пользователя, имя пользователя</див> <див класс="ffycommentsuser"> имя пользователя</див><див класс="ffycommentscaption">Заголовок </див>
</дел>
<дел стиль="текст-выравнивает:центр; размер шрифта: 13px; Цвет:черный;"><а href="https://shadowplayers.jcink.net/index.php?showuser=606"> ✕</а></див>
</див>
</центр>

<стиль>

.ffbase { Ширина: 200 пикселей;
высота: 450px; положение:относительная; }

.ffyhead { Ширина:200 пикселей; высота:x 45 пикселей; фон-Цвет:белый; }

.ffyhead в IMG { Ширина: 25 пикселей; высота: 25 пикселей; фонового изображения:URL(с http://placehold.it/25x25); выравнивания текста:слева; границы-радиус:50%; положение: относительная; плавать:слева; верхняя часть:значение 10px; слева:значение 10px; }

.ffyhead див { Цвет:черный; семейство шрифтов: Arial; шрифт-вес:жирный; размер шрифта: 12px; положение: относительная; верх:18px; слева:-x 45 пикселей; высота: 15px; }

.ffyhead див+див { цвет: #e2e4f3; положение: относительная; топ:3 пиксела; слева: которой 75px; семейство шрифтов: Arial; размер шрифта:12px; }

.ffyimg { Ширина: 200 пикселей; высота: 200px; фонового изображения:URL(с http://placehold.it/200x200);}
.ffyicons { Ширина:200 пикселей; высота:10px; фон-Цвет:белый; нижней границы: 2 пикселя; сплошной черный; }

.ffyicons див { семейство шрифтов:Arial; размер шрифта:в 20px; положение:относительная; верхняя часть:-5 пикселей; слева:-в 50px; Цвет:черный; }

.ffycomments { Ширина: 200 пикселей; высота: 100 пикселей; фон-Цвет:белый; }

.ffycomments див { шрифт-Размер:10 ПКС; семейство шрифтов:Arial; цвет: #2E5E86; положение:родственника; ТОП: 20 пикселей; слева: -85px; }
.ffycomments див+див { шрифт-Размер:8 пикс; семейство шрифтов:Arial; цвет: #2E5E86; положение:относительная; верхняя часть: значение 10px; слева: 0px; высота: 25 пикселей; }
.ffycommentsuser { шрифт-Размер:11px; семейство шрифтов:Arial; цвет: #2E5E86; положение:относительная; маржи-топ: -5 пикселей; маржи-слева:15px; высота: 15px; текст-согласовать:слева; }
.ffycommentscaption { шрифт-Размер:8 пикс; семейство шрифтов:Arial; Цвет: черный; маржи-топ: -25 пикселей; маржи-левой:-60px; высота: 15px;} </стиль>
[/dohtml]

[html]<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<center><div class="ffybase"><div class="ffyhead"><img></img><div>ник</div><div> 1h</div> </div><div class="ffyimg"></div><div class="ffyicons"><div><i class="ion-ios-heart-outline"></i> <i class="ion-ios-chatbubble-outline"></i> <i class="icon ion-ios-redo-outline"></i> <i class="ion-ios-more-outline" style="position:relative; font-size:30px; left: 85px; top:5px; "></i></div></div><div class="ffycomments"><div><i class="ion-ios-heart"></i></div><div>ник, еще ник, и еще ник, снова ник чей то. ну или хэштеги</div> <div class="ffycommentsuser"> ник автора поста</div><div class="ffycommentscaption">коммент к картинке</div>   
</div>
</div>
</center>

<style>
.ffybase {margin-left: 80px}
.ffbase { width: 500px;
height: 500px; }

.ffyhead { width:500px; height:45px; background-color:white; }

.ffyhead img { width: 25px; height: 25px;
  background-image:url(http://placehold.it/25x25); 
  text-align:left; border-radius:50%;  position: relative; float:left;  top:10px;  left:10px; }

.ffyhead div { color:black; font-family: arial; font-weight:bold; font-size: 12px; position: relative; top:18px; left:-45px;  height: 15px; }

.ffyhead div+div { color: #e2e4f3; position: relative; top:3px; left: 75px; font-family: arial; font-size:12px;   }

.ffyimg { width: 500px; height: 500px; background-image:url(http://placehold.it/500x500);}
.ffyicons { width:500px; height:10px; background-color:white; border-bottom: 2px; solid black;  }

.ffyicons div { font-family:arial; font-size:20px; position:relative; top:-5px; left:-50px; color:black; }

.ffycomments { width: 500px; height: 100px; background-color:white; }

.ffycomments div { font-size:11px; font-family:arial; color:  #2E5E86; position:relative; top: 20px;  left: -160px;  }
.ffycomments div+div {   font-size:10px; font-family:arial; color:  #2E5E86; position:relative; top: 10px;  left: 0px;  height: 25px; }
.ffycommentsuser {  font-size:11px; font-family:arial; color:  #2E5E86; position:relative; margin-top: -5px;  margin-left:15px;  height: 15px; text-align:left; } 
.ffycommentscaption { font-size:10px; font-family:arial; color:  black;  margin-top: -25px;  margin-left:-80px;  height: 15px;}    </style>[/html]
https://shadowplayers.jcink.net/index.php?showuser=606