За блог на платформата Blogger (blogspot). Създаване, водене, персонализиране, дизайн, притурки в примери. Препоръки и съвети за начинаещи и напреднали блогъри.

Търсене

Breaking

Да променим фона на страница в блог

Да променим фона на страница
Да оформим статичните страници и публикации в блога си с различни фонови цветове.
Здравейте скъпи гости и читатели. Днес ще оформим страниците на нашия блог с различен цветен фон. По този начин блогът ви ще се различава от всички останали със характерния си дизайн и ще се запомни от посетителите. Така те по-често ще го посещават. Това може да се приложи за всички страници в блога, статичните и тези на вашите публикации.

Предлагам две възможности.



    Да променим само цвета на фона на публикацията


    Няма никакви затруднения при този начин на оформяне, просто трябва да включите HTML кода на съответната страница в този малък код:

    <div style="background-color:#ccc; border: 1px dotted #cccccc;">

    Тук е HTML кода на цялата страница, част от нея или цитат
    </div>


      Това означава, че по този начин, чрез редактиране на кода, можете да промените цвета на фона на страницата, част от текста или отделен цитат в какъвто искате. Ето два примера.





    Това означава, че по този начин, чрез редактиране на кода, можете да
    промените цвета на фона на страницата, част от текста или отделен цитат в
    какъвто искате. Ето два примера.





    Това означава, че по този начин, чрез редактиране на кода, можете да промените цвета на фона на страницата, част от текста или отделен цитат в какъвто искате. Ето два примера.





       В примерите виждате, че промених цвета на фона на цялата страница и създадох различни фонове за отделни цитати от нея. В допълнение, страницата може да бъде оформена в рамка. Факт е, че възможностите за промяна в дизайна на страниците са повече от достатъчно, стига да имаме желание да го направим.

    Да имаме за фон на публикацията изображение


      Но това не е всичко. По-долу е кодът, чрез който можете да сложите за фон на страницата снимка, картина или изображение.


    <div style="background-image: url(адрес на изображението); background-repeat: height: 1000px; border: 1px dotted #cccccc; width: auto;">

    Тук е HTML кода на цялата страница, част от нея или цитат
    </div>


    Получава се нещо подобно
















    Понякога има моменти, 

    когато човек няма по-добър приятел  


    от самотата, 


    и по-добра приятелка от тишината.















    или това















    За да задържиш приятелите си трябва да 

    умееш да прощаваш.


















    Тоест, можете да приложите изображението като фон на цялата страница. URL адресът на изображението можете да разберете лесно, като използвате уебсайта на Radikal. На мен той много ми помага. Заредете изображението от вашия компютър или от Интернет и копирайте първия линк.

    И така, днес научихте как да оформите страниците на блога си в различаващи се един от друг фонови цветове.

    Това е всичко за днес. Желая ви уникален дизайн. Оставете отзивите си, коментирайте, споделете с приятели в социалните мрежи.

    Доскоро.
    автор: Олга Протасова

    Здраве за всички вас! Не забравяйте да правите добро на други хора!

    Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:

    BGtop


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

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