По просьбе сделала урок"Как делать вот такую рамочку."
Рамку делайте в простом редакторе.
ВАШ ТЕКСТ
|
|
|
|
|
|
|
|
Копируете код,что между точек и в него ставите значения свои по скрину.
.......................................................
</p><div align="center"> <table background="Фон обводка1" border="0" cellpadding="4" cellspacing="0"> <tbody> <tr> <td style="padding: 2px;"> <table background="Фон узкий2" border="0" cellpadding="5" cellspacing="0"> <tbody> <tr> <td style="padding: 3px;"> <table background="Фон обводка1" border="0" cellpadding="4" cellspacing="0"> <tbody> <tr> <td style="padding: 2px;"> <table background="Фон широкий 3" border="0" cellpadding="45" cellspacing="0"> <tbody> <tr> <td style="padding: 30px;"> <table background="фон обводка1" border="0" cellpadding="4" cellspacing="0"> <tbody> <tr> <td style="padding: 2px;"> <table background="фон узкий2" border="0" cellpadding="5" cellspacing="0"> <tbody> <tr> <td style="padding: 3px;"> <table background="фон обводка1" border="0" cellpadding="4" cellspacing="0"> <tbody> <tr> <td style="padding: 2px;"> <table background="фон основной для текста 2" border="0" cellpadding="11" cellspacing="0" width="600"> <tbody> <tr> <td style="padding: 11px;"> <center> <center> <p> <span style="color:#ffffff;"><span style="font-family: 'Monotype Corsiva'; font-size: x-large;"><br />ВАШ ТЕКСТ</span></span></p> </center><div align="right"><a href="адрес вашего дневника" target="_blank"><img src="//img-fotki.yandex.ru/get/6415/39663434.231/0_7ca13_d13dc4da_M.jpg%3Cbr%20/%3E" width="11" height="9" title="" alt="" border="0" /> </a></div> </center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <p> </p>
...............................................
Вот скрин формулы этой рамки
<br />1.<br /><a href="//img0.liveinternet.ru/images/attach/c/10/110/577/110577614_large_28.jpg" rel="li-bigpic" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/10/110/577/110577614_28.jpg" width="600" height="344" alt="28 (600x344, 275Kb)" /></a>
...............................................
</p><div align="center"> <table background="Фон обводка1" border="0" cellpadding="4" cellspacing="0"> <tbody> <tr> <td style="padding: 2px;"> <table background="Фон узкий2" border="0" cellpadding="5" cellspacing="0"> <tbody> <tr> <td style="padding: 3px;"> <table background="Фон обводка1" border="0" cellpadding="4" cellspacing="0"> <tbody> <tr> <td style="padding: 2px;"> <table background="Фон широкий 3" border="0" cellpadding="45" cellspacing="0"> <tbody> <tr> <td style="padding: 30px;"> <table background="фон обводка1" border="0" cellpadding="4" cellspacing="0"> <tbody> <tr> <td style="padding: 2px;"> <table background="фон узкий2" border="0" cellpadding="5" cellspacing="0"> <tbody> <tr> <td style="padding: 3px;"> <table background="фон обводка1" border="0" cellpadding="4" cellspacing="0"> <tbody> <tr> <td style="padding: 2px;"> <table background="фон основной для текста 2" border="0" cellpadding="11" cellspacing="0" width="600"> <tbody> <tr> <td style="padding: 11px;"> <center> <center> <p> <span style="color:#ffffff;"><span style="font-family: 'Monotype Corsiva'; font-size: x-large;"><br />ВАШ ТЕКСТ</span></span></p> </center><div align="right"><a href="адрес вашего дневника" target="_blank"><img src="//img-fotki.yandex.ru/get/6415/39663434.231/0_7ca13_d13dc4da_M.jpg%3Cbr%20/%3E" width="11" height="9" title="" alt="" border="0" /> </a></div> </center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <p> </p>
...............................................
Вот скрин формулы этой рамки
<br />1.<br /><a href="//img0.liveinternet.ru/images/attach/c/10/110/577/110577614_large_28.jpg" rel="li-bigpic" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/10/110/577/110577614_28.jpg" width="600" height="344" alt="28 (600x344, 275Kb)" /></a>
Вот скрин формулы этой рамки
1.
Давайте разберем ее по выделенным цветам.
1 Розовый цвет это фон обводка 1 .Ставим вместо слов адрес фона (строго от кавычек до кавычек.)Адрес можно взять на яндексе например, нижнее окно под картинкой фоном (ссылка на картинку) Цифры помеченные розовым это ширина фона ,можно менять по желанию.
2 Желтый цвет это фон 2 узкий и цифры желтым можно менять.(от кавычек до кавычек осторожно)
3 Синий цвет это фон3 широкий . Цифры синим можно менять это ширина фона.
4 Зеленый фон основной 4,где будет текст или ваши картинки
5 Коричневый цвет: Ваш адрес дневника,а черный адрес картинки и также размеры ее (можно менять).При нажатии этой картинки откроется ваш дневник.
6 Если надо поменять цвет текста то смотрите это (color:#ffffff) перед словами Ваш текст.Менять с осторожностью код цвета после решетки и до кавычек
7 Если нужно картинку- ник поменять расположение, то вместо (div align="right")меняете на center или left