0

Дизайн. Текст и икона във формата за коментари

Текст и икона във формата за коментари
Здравейте приятели. Какво ли не може да се направи с формата за коментари. Промените в дизайна на прозореца на формата, например. Днес предлагам да опитате да промените надписа "Изпращане на коментар" или да го замените с икона ( изображение ).


Приблизително така:

Текст и икона във формата за коментари


За да постигнете това, трябва да направите малки промени в темата на блога си.

➤Отидете в раздела "Тема" и за всеки случай направите резервно нейно копие.

➤Използвайте клавишите CTRL + F, за да намерите реда


<data:postCommentMsg/>



Тъй като те са няколко, на нас ни трябва този, който е затворен с таг за заглавие. Ако вече сте правили промени в кода на темата може да бъде h2  или h3, но в стандартните теми този таг е h4. Но това не променя същността на нашата работа.









<h4 id='comment-post-message'><data:postCommentMsg/></h4>


Вместо оцветената в синьо част от кода, можете да напишете какъвто искате ваш текст или да вмъкнете изображение. И ако искате, можете и двете. Както виждате на скритшота по-горе.

Ние ще го правим така:

➤За да вмъкнем текст:

<h4 id='comment-post-message'>само текст</h4>

➤За да вмъкнем изображение:

<h4 id='comment-post-message'><img src='адрес на изображението.png'/></h4>

➤А за да направим и двете имаме две възможности:


◾Текста преди изображението:

<h4 id='comment-post-message'>текст<img src='адрес на изображението.png'/></h4>

◾Изображението преди текста

<h4 id='comment-post-message'><img src='адрес на изображението.png'/>текст</h4>

Изображенията подберете сами. Моята приятелка Виктория Барад е избрала за вас няколко примерни изображения и мисля, че може да ви харесат.


Код 1:

https://4.bp.blogspot.com/-Vne9zD9Hmts/WzNn1eLsHqI/AAAAAAAAKYY/yByVclP9acIWu0jQI7FnnPuiTIFVe1r2ACLcBGAs/s200/%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582.png



Код 2:


https://3.bp.blogspot.com/-VYMlaTYJqsA/WzNoTEmfH8I/AAAAAAAAKYg/EsknxJx0lpctECfK-DI_Kd84F9xkIfTggCLcBGAs/s200/%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582%2B1.png


Код 3:

https://3.bp.blogspot.com/-wmzeUXW3p_k/WzNoysSJS0I/AAAAAAAAKYs/TvzWw6ntAF8LMJ4u10jVvx-f-uELsXnBwCLcBGAs/s200/comment4.png



Код 4:


https://3.bp.blogspot.com/-4hJlmk01ulI/WzNo8lfggII/AAAAAAAAKY0/d8xD8yXoKRg02bNxqOo2dKMhSMFbPVxMACLcBGAs/s200/%25D0%25B8%25D0%25BA%25D0%25BE%25D0%25BD%2B6.png




Код 5:

https://3.bp.blogspot.com/-WSdMHahkp9E/WzNpOsdVsCI/AAAAAAAAKY8/SR82wVGtAakmC3uYDBC0MCLJW7IhsJS2wCLcBGAs/s200/Collaboration-80_icon-icons.com_57351.png



Код 6:

https://3.bp.blogspot.com/-U7yj9m9cNkA/WzNpyyqe0OI/AAAAAAAAKZE/W8QrzNeLKokGRa958s6OcnrAl0nn7wkjwCLcBGAs/s200/Create_New-80_icon-icons.com_57345.png



Подберете си икони и текстове, има ги достатъчно в мрежата. Подобни неща винаги привличат вниманието на читателите и ги насърчават да оставят коментари.

Още варианти за оформяне на прозореца за коментарите вижте тук.


Благодаря за посещението, доскоро и успех!


Няма коментари :

Публикуване на коментар


Copyright © БЛОГ ЗА БЛОГОВЕ©2016-| Original style & code - magentawave.com | All Rights Reserved |
Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита