lm
gfv gfv
Сообщений 1 страница 5 из 5
Поделиться22018-01-30 12:15:14
[html] <align=center><div style="border: 1px solid rgb(0, 0, 0); padding: 20px; margin:20px; width:500px; border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; -webkit-border-radius: 9px; Background-image:url(http://ramki-vsem.ru/fon/fon30.jpg);"> <style type="text/css"> table { border-collapse: collapse; } table th, table td { padding: 0 3px; } table.brd th, table.brd td { border: 1px solid #000; } </style> <align=center> <h1>Имя фамилия перса анг</h1> </center> <table> <tr> <th><img src="http://funkyimg.com/i/2zexS.jpg" width="150"><div class=v-wiki7> имя внешности инглиш </div> </th> <th><ul><i>Привет, меня зовут <b>Иван Иванов</b>, и мне уже <b>100 лет.</b> Каждое утро я встаю ровно в 7,00 что бы отправиться в <b>школу</b>, где работаю <b>учителем начальных классов</b>. А вечером возвращаюсь домой к <a url="ссылка на профиль, посмотреть правильно ли">любимой жене</a> и детям.</i> </ul> </li></th> </tr> <tr> </table> <style type="text/css"> .verticalaccordion>ul { margin: 0; padding: 0; list-style:none; width: 500px; } .verticalaccordion>ul>li { display:block; overflow: hidden; margin: 0; padding: 0; list-style:none; height:40px; width: 500px; /* Decorative CSS */ background-color: #6F13FF; /* CSS3 Transition Effect */ transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; } .verticalaccordion>ul>li>h3 { display:block; margin: 0; padding:10px; height:19px; /* Decorative CSS */ border-top:#f0f0f0 1px solid; font-family: Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; color: #000; background: #cccccc; /* CSS3 Gradient Effect */ background: -moz-linear-gradient( top, #999999, #cccccc); background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)"; /* IE 8 */ } .verticalaccordion>ul>li>div { margin:0; overflow: auto; padding:10px; height:220px; } .verticalaccordion>ul>li:hover { height: 280px; } .verticalaccordion:hover>ul>li:hover>h3 { /* Decorative CSS */ color:#fff; background: #000000; /* CSS3 Gradient Effect */ background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */ background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)"; /* IE 8 */ } .verticalaccordion>ul>li>h3:hover { cursor:pointer; } </style> <div class="verticalaccordion"> <ul> <li> <h3>Характер и био, название чуть позэе</h3> <div>тут пишем био .</div> </li> </ul> </div> </div>
Поделиться32018-01-30 12:19:40
[html] <align=center><div style="border: 1px solid rgb(0, 0, 0); padding: 20px; margin:20px; width:500px; border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; -webkit-border-radius: 9px; Background-image:url(http://ramki-vsem.ru/fon/fon30.jpg);"> <style type="text/css"> table { border-collapse: collapse; } table th, table td { padding: 0 3px; } table.brd th, table.brd td { border: 1px solid #000; } </style> <align=center> <h1>Имя фамилия перса анг</h1> </center> <table> <tr> <th><img src="http://funkyimg.com/i/2zexS.jpg" width="150"><div class=v-wiki7> имя внешности инглиш </div> </th> <th><ul><i>Привет, меня зовут <b>Иван Иванов</b>, и мне уже <b>100 лет.</b> Каждое утро я встаю ровно в 7,00 что бы отправиться в <b>школу</b>, где работаю <b>учителем начальных классов</b>. А вечером возвращаюсь домой к <a url="ссылка на профиль, посмотреть правильно ли">любимой жене</a> и детям.</i> </ul> </li></th> </tr> <tr> </table> <style type="text/css"> .verticalaccordion>ul { margin: 0; padding: 0; list-style:none; width: 500px; } .verticalaccordion>ul>li { display:block; overflow: hidden; margin: 0; padding: 0; list-style:none; height:40px; width: 500px; /* Decorative CSS */ background-color: #6F13FF; /* CSS3 Transition Effect */ transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; } .verticalaccordion>ul>li>h3 { display:block; margin: 0; padding:10px; height:19px; /* Decorative CSS */ border-top:#f0f0f0 1px solid; font-family: Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; color: #000; background: #cccccc; /* CSS3 Gradient Effect */ background: -moz-linear-gradient( top, #999999, #cccccc); background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)"; /* IE 8 */ } .verticalaccordion>ul>li>div { margin:0; overflow: auto; padding:10px; height:220px; } .verticalaccordion>ul>li:hover { height: 280px; } .verticalaccordion:hover>ul>li:hover>h3 { /* Decorative CSS */ color:#fff; background: #000000; /* CSS3 Gradient Effect */ background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */ background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)"; /* IE 8 */ } .verticalaccordion>ul>li>h3:hover { cursor:pointer; } </style> <div class="verticalaccordion"> <ul> <li> <h3>Характер и био, название чуть позэе</h3> <div>тут пишем био .</div> </li> </ul> </div> </div>
Поделиться42018-01-30 13:46:39
[html] <align=center><div style="border: 1px solid rgb(0, 0, 0); padding: 20px; margin:20px; width:500px; border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; -webkit-border-radius: 9px; Background-image:url(http://ramki-vsem.ru/fon/fon30.jpg);"> <style type="text/css"> table { border-collapse: collapse; } table th, table td { padding: 0 3px; } table.brd th, table.brd td { border: 1px solid #000; } </style> <align=center> <h1>Имя фамилия перса анг</h1> </center> <table> <tr> <th><img src="http://funkyimg.com/i/2zexS.jpg" width="150"><div class=v-wiki7> имя внешности инглиш </div> </th> <th><ul><i>Привет, меня зовут <b>Иван Иванов</b>, и мне уже <b>100 лет.</b> Каждое утро я встаю ровно в 7,00 что бы отправиться в <b>школу</b>, где работаю <b>учителем начальных классов</b>. А вечером возвращаюсь домой к <a url="ссылка на профиль, посмотреть правильно ли">любимой жене</a> и детям.</i> </ul> </li></th> </tr> <tr> </table> <style type="text/css"> .verticalaccordion>ul { margin: 0; padding: 0; list-style:none; width: 500px; } .verticalaccordion>ul>li { display:block; overflow: hidden; margin: 0; padding: 0; list-style:none; height:40px; width: 500px; /* Decorative CSS */ background-color: #6F13FF; /* CSS3 Transition Effect */ transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; } .verticalaccordion>ul>li>h3 { display:block; margin: 0; padding:10px; height:19px; /* Decorative CSS */ border-top:#f0f0f0 1px solid; font-family: Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; color: #000; background: #cccccc; /* CSS3 Gradient Effect */ background: -moz-linear-gradient( top, #999999, #cccccc); background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)"; /* IE 8 */ } .verticalaccordion>ul>li>div { margin:0; overflow: auto; padding:10px; height:220px; } .verticalaccordion>ul>li:hover { height: 280px; } .verticalaccordion:hover>ul>li:hover>h3 { /* Decorative CSS */ color:#fff; background: #000000; /* CSS3 Gradient Effect */ background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */ background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)"; /* IE 8 */ } .verticalaccordion>ul>li>h3:hover { cursor:pointer; } </style> <div class="verticalaccordion"> <ul> <li> <h3>Характер и био, название чуть позэе</h3> <div>тут пишем био .</div> </li> </ul> </div> </div>
Поделиться52018-01-30 13:46:54
[html]
<align=center><div style="border: 1px solid rgb(0, 0, 0);
padding: 20px; margin:20px; width:500px;
border-radius: 9px;
-moz-border-radius: 9px;
-o-border-radius: 9px;
-webkit-border-radius: 9px;
Background-image:url(http://ramki-vsem.ru/fon/fon30.jpg);">
<style type="text/css">
table {
border-collapse: collapse;
}
table th,
table td {
padding: 0 3px;
}
table.brd th,
table.brd td {
border: 1px solid #000;
}
</style>
<align=center> <h1>Имя фамилия перса анг</h1> </center>
<table>
<tr>
<th><img src="http://funkyimg.com/i/2zexS.jpg" width="150"><div class=v-wiki7> имя внешности инглиш </div>
</th>
<th><ul><i>Привет, меня зовут <b>Иван Иванов</b>, и мне уже <b>100 лет.</b> Каждое утро я встаю ровно в 7,00 что бы отправиться в <b>школу</b>, где работаю <b>учителем начальных классов</b>. А вечером возвращаюсь домой к <a url="ссылка на профиль, посмотреть правильно ли">любимой жене</a> и детям.</i>
</ul>
</li></th>
</tr>
<tr>
</table>
<style type="text/css">
.verticalaccordion>ul {
margin: 0;
padding: 0;
list-style:none;
width: 500px;
}
.verticalaccordion>ul>li {
display:block;
overflow: hidden;
margin: 0;
padding: 0;
list-style:none;
height:40px;
width: 500px;
/* Decorative CSS */
background-color: #6F13FF;
/* CSS3 Transition Effect */
transition: height 0.3s ease-in-out;
-moz-transition: height 0.3s ease-in-out;
-webkit-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
}
.verticalaccordion>ul>li>h3 {
display:block;
margin: 0;
padding:10px;
height:19px;
/* Decorative CSS */
border-top:#f0f0f0 1px solid;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
color: #000;
background: #cccccc;
/* CSS3 Gradient Effect */
background: -moz-linear-gradient( top, #999999, #cccccc);
background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)"; /* IE 8 */
}
.verticalaccordion>ul>li>div {
margin:0;
overflow: auto;
padding:10px;
height:220px;
}
.verticalaccordion>ul>li:hover {
height: 280px;
}
.verticalaccordion:hover>ul>li:hover>h3 {
/* Decorative CSS */
color:#fff;
background: #000000;
/* CSS3 Gradient Effect */
background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */
background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)"; /* IE 8 */
}
.verticalaccordion>ul>li>h3:hover {
cursor:pointer;
}
</style>
<div class="verticalaccordion">
<ul>
<li>
<h3>Характер и био, название чуть позэе</h3>
<div>тут пишем био .</div>
</li>
</ul>
</div>
</div>