все цвета буду менять!
коды.
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться22015-11-19 12:23:42
принятие.
Код:
<!--HTML--> <style> .bd {background: #f8f8f8; padding: 4px; width: 400px; border-bottom: #829B86 1px dotted; border-top: #829B86 4px solid;} .bdb {text-align: justify; width: 280px; margin-right: 100px; font-family: arial; font-size: 9.5px; line-height: 8px; padding: 5px; text-transform: lowercase;} </style> <center><div class="bd"><img src="http://i260.photobucket.com/albums/ii23/elizacunningham/Icons/lims4round7.png" align="right" hspace="10"> <div class="bdb">duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi</div></div> </center>
Поделиться32015-11-19 12:50:14
как оформление тем.
Код:
<!--HTML--> <style> .background {width: 500px; padding: 5px; background-image: url('http://i.imgur.com/YvhgPVg.png');} .temp1 {width: 500px; height: 25px; background-image: url('http://i.imgur.com/dV89SLW.png');} .temp2 { width: 500px; height: 10px; background-image: url('http://i.imgur.com/WQF65m5.png');} .temp3 { width: 500px; height: 5px; background-image: url('http://i.imgur.com/WQF65m5.png');} .tempinfo { padding: 10px; width: 480px; background-color: #f5f6f5; border-top: 1px dotted #c8cdd1; border-bottom: 1px dotted #c8cdd1; text-align: justify; letter-height: 110%; font-size: 10px; font-family: 'tahoma'; text-transform: lowercase;} </style> <center> <div class="background"> <div class="temp1"></div> <div class="temp2"></div> <div class="tempinfo">duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi.</div> <div class="temp3"></div> </div> </center>
Поделиться42015-11-19 13:13:03
гостевая.
Код:
<!--HTML--> <style> .back {width: 500px; height: 400px; background-image: url(https://placehold.it/500x400);} .textbox { width: 255px; height: 360px; padding: 10px; background-color: #1b1b1b; opacity: 0.90; margin-left: 55px; margin-right: 10px;} .text { font-family: tahoma; padding: 5px; color: #d2d2d2; font-size: 11px; line-height: 110%; text-align: justify; text-transform: lowercase;} .plotblock {width: 100px; height: 150px; margin-left: 50px; opacity: 0.85;} .plotblock2 {width: 80px; height: 8px; padding: 10px; font-family: tahoma; text-align: center; font-size: 8px; color: #d2d2d2; margin-top: 2px; background-color: #1b1b1b; overflow: hidden;} </style> <center> <div class="back"> <div style="height: 10px;"></div> <table layout fixed width="100%"> <tr> <td width="30%"> <div class="plotblock"> <div class="plotblock2"> text here</div> <div class="plotblock2"> text here</div> <div class="plotblock2"> text here</div> <div class="plotblock2"> text here</div> </div> </td> <td width="70%"> <div class="textbox"> <div class="text">duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi </div></div> </td> </tr> </table> <div style="height: 10px;"></div></div>
Поделиться52015-11-19 13:31:05
обьявление от амс
Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=raleway' rel='stylesheet' type='text/css'> <style type="text/css"> .obs2 { width: 400px; height: 400px; background-color: #f5f5f5; padding: 20px; font-family: calibri; font-size: 10px; text-align: justify; line-height: 100%; color: #222; padding: 20px; } .announce {font-family:raleway; color:#333; text-transform:uppercase; text-align:right; font-size:15px; font-weight: 300; padding-top:7px; padding-bottom:2px;} .subtitle {font-family:calibri; color:#333; text-transform:lowercase; text-align:right; padding-bottom:5px; font-size:10px; font-weight: 300;} .announcetext {float:right; padding: 10px; border-top:#333 1px solid; height: 340px; overflow: auto;} </style> <center> <div class="obs2"> <img src="https://placehold.it/220x50" align="left"> <div class="announce">announcement #001</div> <div class="subtitle"><i>subtitle #001 - something fun or catchy</i></div> <div class="announcetext"> <p> duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. duis lacinia erat aliquam, aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi. aliquet metus a, mollis ex. sed ornare ante non neque gravida, sed varius sem efficitur. donec vulputate vel mi ut egestas. nulla facilisi </div> </div> </center>
Страница: 1