![Дизайн на формата за коментар Дизайн](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4sF946UgoI1wjxXG03_-4znRsPHLneiyydt-A7SfRBLA9M7RY2WTG7JM1WHjpz42xI5FP1JLHBAvU5tXTIgS7bAhVxkNzytp6aB_D3ntCOUOvoG9I-kj4CCieHxSMF7YAYeVYAKDEYA8/s1600/comment2.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTY_0w0ivF1YGtw6lDphs43Maq17PqQDNSjobLxg7Y8gi_CrSZkqY63XniKqL4RkDZyMmQU0vEemLW3hDfJ1BHq0WF_5TKSpL0xfXZScSCJSFM-0gJbkXB6pJ_yl4h9sLzhe5MmMNVlH0/s640/scriin+%25283_1%2529.png)
Не е много привлекателна и най-вероятно много хора не и обръщат внимание. Сега можете да я промените. А текста в нея съчинете сами.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhigsy5L3PbLfF0STf2eWgNzxXTvLEExhVgGUggJHzT1wJZal76qMVe3ouh5ipJkJERf_oVaj2CvuLGAjtpVnAczhNubAu4NCxsruFs4BSHcccvH5d6E9Bf51PojGSB8aY2QN9n0eJLuBk/s640/scriin+%25282_1%2529.png)
С помощта на малки промени в шаблона ( темата ), ще се опитаме да я направим привлекателна. Забележима. Да променим нейния дизайн няма да е трудно, след което прозорецът за създаване на коментари ще изглежда страхотно във всеки дизайн.
Влизаме в раздела "Тема", като не забравяме да направим резервно копие. С Ctrl + F намираме в него това място:
<p><data:blogCommentMessage/></p>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSvDHursEiKydrcTefbNRgoj4LCCP5B20OMvY1uyO9s7deI1vLVRdN-xk-4xwm8ZI0riumguX6JRVITigsVsudIyaXVClns1swyjP7GB5PXeFOFf-T-qPPGYJsz21BRJA03UncJ2bOf4/s640/scriin+%25281_1%2529.png)
Всеки един от тях внимателно отстраняваме и на тяхно място поставяме следното:
<div id='pra-comment'><data:blogCommentMessage/></div>
После в темата намираме познатия ни ред ]]></b:skin> и над него вписваме този код:
#pra-comment{
position: relative;
background:#F3C5C5;
width:100%;
padding:10px;
font:normal 12px trebuchet ms;
text-align:justify;
border:3px solid #AD3000;
margin:0 10px 10px 0;
margin-top: 10px;
line-height: 1.3em;
}
#pra-comment::after, #pra-comment::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#pra-comment::before {
border-top-color: #AD3000;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #F3C5C5; /* цвет такой же, как цвет общего фона. */
border-width: 9px;
left: 10%;
margin-left: -30px
}
position: relative;
background:#F3C5C5;
width:100%;
padding:10px;
font:normal 12px trebuchet ms;
text-align:justify;
border:3px solid #AD3000;
margin:0 10px 10px 0;
margin-top: 10px;
line-height: 1.3em;
}
#pra-comment::after, #pra-comment::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#pra-comment::before {
border-top-color: #AD3000;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #F3C5C5; /* цвет такой же, как цвет общего фона. */
border-width: 9px;
left: 10%;
margin-left: -30px
}
За цветови решения имате избор. По ваша преценка променете стойността, определяща фона: # F3C5C5; . Ако искате да е без фон, заменете стойността на фона: # F3C5C5; с background:none;
Когато сте готови щракнете върху бутона за визуализация и ако няма забележки смело запазите промените.
И така, без много усилия, сме разнообразили дизайна на блога си. Сега всички ще забележат този прозорец.
Това е всичко за днес. Доскоро!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
![Посетете .: BGtop.net :. Топ класацията на българските сайтове и гласувайте за този сайт! BGtop](http://bgtop.net/images/bgtop8831.gif)
Няма коментари:
Публикуване на коментар