Код:
<!--HTML--> <style type="text/css"> .ama::-webkit-scrollbar { width: 5px; } .ama::-webkit-scrollbar-track { background-color: #fff; } .ama::-webkit-scrollbar-thumb { background-color: #d6c6c6; } .ama { background-color: #fff; border: #eee solid 1px; padding: 10px; height: 250px; overflow: auto; text-align: justify; font-family: arial; line-height: 100%; font-size: 12px; color: #000; } .amatitle { padding: 20px; background-color: #786d67; font-family: calibri; text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; color: #fff; } .amafields1 { padding: 10px; background-color: #a75d5d; font-family: calibri; text-align: center; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #fff; } .amafields2 { padding: 10px; background-color: #a75d5d; font-family: calibri; text-align: center; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #fff; margin-top: 1px; } </style> <br><center><div style="background-color: #e8e4e1;padding: 10px;width: 650px;border: #a0958f solid 1px;"> <div class="amatitle">first middle last</div> <div style="margin-left: -3px;"><table><tbody><tr><td><div style="background-color: #f5f2f0;padding: 10px;"><a href="http://cttw.jcink.net/index.php?showuser=253" target="_blank"><div style="width: 180px; height: 190px; background-image: url(http://placehold.it/180x190); background-size: cover;"></div></a></div> </td> <td><div style="background-color: #f5f2f0;padding: 10px;"><div style="background-color: #fffcfa;border: #eee solid 1px;padding: 10px;width: 254px;height: 168px;overflow: auto;line-height: 100%;font-size: 7px;" class="ama"> <div class="amafields1">age</div> <div class="amafields2">date of birth</div> <div class="amafields2">hometown</div> <div class="amafields2">occupation</div> <div class="amafields2">membergroup (заполняют амс!)</div> <div class="amafields2">sexuality</div> </div> </div></td></tr> </tbody></table></div><div style="background-color: #a0958f;padding: 10px;"><div class="ama"> Ваша история. </p></div></div> <div class="amatitle" style="margin-top: 3px;">preferred contact method</div></div><br></center>
Шаблон
Код:[*code]<!*--HTML--> <style type="text/css"> .ama::-webkit-scrollbar { width: 5px; } .ama::-webkit-scrollbar-track { background-color: #fff; } .ama::-webkit-scrollbar-thumb { background-color: #d6c6c6; } .ama { background-color: #fff; border: #eee solid 1px; padding: 10px; height: 250px; overflow: auto; text-align: justify; font-family: arial; line-height: 100%; font-size: 10px; color: #000; } .amatitle { padding: 20px; background-color: #786d67; font-family: calibri; text-align: center; text-transform: uppercase; font-size: 8px; letter-spacing: 3px; color: #fff; } .amafields1 { padding: 10px; background-color: #a75d5d; font-family: calibri; text-align: center; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #fff; } .amafields2 { padding: 10px; background-color: #a75d5d; font-family: calibri; text-align: center; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #fff; margin-top: 1px; } </style> <br><center><div style="background-color: #e8e4e1;padding: 10px;width: 650px;border: #a0958f solid 1px;"> <div class="amatitle">first middle last</div> <div style="margin-left: -3px;"><table><tbody><tr><td><div style="background-color: #f5f2f0;padding: 10px;"><a href="http://cttw.jcink.net/index.php?showuser=253" target="_blank"><div style="width: 180px; height: 190px; background-image: url(http://placehold.it/180x190); background-size: cover;"></div></a></div> </td> <td><div style="background-color: #f5f2f0;padding: 10px;"><div style="background-color: #fffcfa;border: #eee solid 1px;padding: 10px;width: 254px;height: 168px;overflow: auto;line-height: 100%;font-size: 7px;" class="ama"> <div class="amafields1">age</div> <div class="amafields2">date of birth</div> <div class="amafields2">hometown</div> <div class="amafields2">occupation</div> <div class="amafields2">membergroup</div> <div class="amafields2">sexuality</div> </div> </div></td></tr> </tbody></table></div><div style="background-color: #a0958f;padding: 10px;"><div class="ama"> Ваша история. </p></div></div> <div class="amatitle" style="margin-top: 3px;">preferred contact method</div></div><br></center> [*/code]