0

Изображения с красиви ефекти

красиви ефекти
Поздрави на всички, които четат моя Blogzablogove.com. Днес ще се върнем към нашите изображения, които използваме в блога си. Предлагам ви приятни ефекти, когато изображенията са под курсор. По-точно предлагам да разгледате три варианта на този ефект. Всичко работи изцяло на CSS3, поради което инсталирането им ще бъде лесно.
Първо трябва да създадем прост HTML код, а после и CSS стиловете, които ще направят анимацията.
0

Да премахнем рамката около изображението в блога

Да премахнем рамката около изображението
Добър ден приятели и читатели на блога. Отново и отново се връщам към изображенията в блога. Мисля, че много хора са забелязали, че в темите на Blogger е заложено около всички изображения, които ние добавяме в публикациите да се появява рамка. Може би на някои от вас това се харесва, но аз бих искала да се избавя от нея. Просто не ми радва окото. А и такава възможност създава комфорт. Какво трябва да се направи, за да премахнем рамката.
0

Появяващо се описание на изображение

Появяващо се описание
Добър ден приятели, читатели и посетители на блога Blogzablogove.com. Как да си направим появяващо се описание на изображение, когато преместим курсора върху него. За тези, които публикуват много снимки в блога си такъв появяващ се текст изглежда много подходящ. Варианти на появяващо се описание на изображение има много.
Ефект на изплуващо описание на изображението ви беше предложено тук. И малко по-рано имах публикации за други ефекти на изображения. Ако проявявате интерес, разгледайте предложените публикации.
0

Слайдер на CSS за Blogger

Слайдер
На всички да е добър денят. Ако четете често моите публикации сигурно вече сте усетили, че имам слабост към изображения и слайдери за тях. И ето още един красив слайдер за изображения. Той е много лесен за инсталиране в HTML/JavaScript притурка, или директно на необходимото място в публикация в HTML режим. Трябва само да инсталирате в кода адресите на вашите изображения и да им дадете наименование. Отдавна имам кода на този слайдер, но все не ми се получаваше, нещо в него не беше както трябва. Прочетох, експериментирах и сега той вече работи добре. И ето го и него, готов за споделяне с вас, приятели.
0

Въртящи се в кръг изображения

 изображения
Здравейте, приятели! Отново сме на тематика изображения. Днес ще споделя как с помощта на CSS да си направим въртящи се изображения. Често този ефект се използва, за да се предаде оригиналност на изображения, така че когато курсорът е върху тях те да се въртят. Може да се приложи абсолютно за всяко изображение. А ако свържете тези изображения с хипервръзка, кликането върху тях ще отведе до предварително избрана от вас страница. Аз ви предлагам три варианта на въртящи се изображения. Изберете по вашия вкус и според вашата необходимост.
0

Оформяне на банер или изображение в блог

Оформяне на изображение
Добър ден на всички. Днес искам да ви предложа код, с който можете да оформите оригинално изображения в публикация или банер в блога. И когато курсорът е върху това изображение или банер, ще се появи кратък анонс или кратко описание за изображението или банера. Освен това ще има и директен линк към страницата на публикацията. Преди известно време писах как да направите красиво изображение с изплаващо негово описание. А тук описах нещо подобно. Принципът на създаването на такива ефекти са почти едни и същи навсякъде. Ако си поиграете с CSS стилове може да направите и вариант, какъвто ви предлагам днес. Когато курсора на мишката е върху изображението, текстът ще изплува от лявата му страна.
0

Как красиво да вмъкнем изображения в текста

да вмъкнем изображения
Блог без изображения не може да мине. Как да вмъкнем изображения в текста на публикацията в блога вече говорихме тук. И как да оптимизираме изображенията, също. Искам да предложа днес още два варианта, за да изглеждат красиво нашите изображения в публикациите. Това вероятно ще е подходящо за блогове, където се предполага, че ще има нужда от няколко изображения, не само от едно.
0

Изображения-хипервръзки в блога

Изображения-хипервръзки
Добър ден на всички, които четат блога ми. Вече писах за това как да вмъкнем изображение в блога и как да работим правилно с него. Днес публикацията е за това, как да се свърже едно изображение с линк, водещ към друга страница на блога. За начинаещите във воденето на блог не винаги е ясно как чрез кликване върху банер ние се прехвърляме към друга страница на блога. Забелязах, че има блогове, чиято тематика позволява на страниците им да се разполагат банери, било за
0

Да заменим номерата на страниците с изображения

 Да заменим номерата на страниците
Скъпи приятели, читатели и гости. Да е добър днешния ден за всички. В моя предишна публикация ви разказах как да номерирате страниците в блога. Всъщност така ние заменихме надписите „ предишна страница, главна страница, следваща страница“ с притурка, даваща на всяка страница от публикациите ни съответен пореден номер. Днес ви представям един друг вариант. Ще заменим номерата на страниците с изображения, чрез които можем да отидем на следваща страница, да се върнем на предишна или на главната страница. Този вид преход е по-
0

Ефект на промяна на изображението при задържане на курсора

Закръгляне
Здравейте, приятели. Преди време написах публикация за това, как да променим формата на изображения в блога си. Как да им придадем кръгла форма чрез използването на значението border-radius. Това значение може да бъде настроено така, че да придаде различна закръгленост на изображението. Днес, към това значение ще добавим още малко ефекти и изображението ни ще се променя, когато задържим курсора върху него.
Трябва да отбележа, че не се нуждаем от jqeury и JavaScript, за да направим този красив ефект. Всичко работи с помощта на CSS.
Давам ви няколко примера, от които можете да видите поведението на изображението. Под всеки пример има код, който можете да копирате и инсталирате директно в редактора на публикацията си в HTML режим. А в края на публикацията има в допълнение как да
0

Как да направим изображение с кръгла форма

Изображение с кръгла форма
Здравейте скъпи читатели и посетители на блога. Днес ще има много снимков материал. Много изображения. Става въпрос за това как да се направи в блога изображение с кръгла, и не само, форма. Опитах се да го направя в Photoshop, но тъй като владея много слабо това умение, ми отне много време. Има и онлайн генератори за закръгляване изображения. Но ще говорим за тях по-късно. Искам да споделя как да се правят изображения с напълно различна форма направо в Bllogger. Няма да се налага да променяме нещо в шаблона. Ще го направим направо чрез редактора на публикацията.
Нека да започнем. Когато напишете текста на публикацията си, по обикновения начин вмъквате в нея и желаното изображение. В моя случай е изображение на папагали.
0

Галерия с превъртане на изображения

превъртане на изображения
Добър ден на всички. Бих искала да предложа да пробвате ефект на превъртане на изображения. В основата на ефекта лежи CSS код. Този ефект може да бъде полезен като фото галерия, която ще позволи да превъртате изображения, без да се променя качеството им. Необходимо е да се изберат изображения с един и същи размер, а той от своя страна да е зададен в CSS кода. Вижте тук работна версия.
Първо нека създадем един най-прост HTML код. И да подготвим няколко изображения, които ще бъдат показани в галерията. Те, всичките, трябва да са с един и същи размер, за да могат да се показват акуратно при превъртането на галерията.
0

Как да работим правилно с изображенията в нашия блог

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

Един ефект на изображения в публикацията

Ефект на падащо описание на изображението
Добър ден, скъпи приятели, читатели и посетители на блога. Днес ви пиша за това как да си направите красиво падащо описание за изображения в публикациите. Оказва се, че ефектът е и доста добър. Пести място в публикацията. Особено, когато в нея има няколко на брой изображения, за всяко от които се налага отделно допълнително описание. Описанието ще се появи, когато задържите курсора върху изображението. В допълнение, инсталирането му е много лесно. Кодът се състои от две части - CSS и HTML част. Можете да го инсталирате по два начина.

0

Ефект на леко движение на изображенията в блога

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

Красив слайдер, съчетаващ изображения с текст

Здравейте приятели. Аз ви предлагам слайдер за изображения без използване на Java и JQuery. Така той няма да се отрази значително на натоварването на блога и той ще се зарежда сравнително бързо. Инсталирането не е трудно. Всичко се прави директно в редактора на публикацията или в притурка HTML / JavaScript, по ваш избор. Този слайдер изглежда много добре на страницата. Когато движите курсора върху изображенията, те се раздвижват така, че да се отвари и покаже скрития текст, който е декориран в красив блок. Ако сте намерили приложение на такъв вариант в дизайна на блога си, копирайте в блокнот или друг текстови файл на вашия компютър този код.
0

Обикновена галерия от изображения

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

Как да вмъкнете изображения в блога

изображения в блога
Преди да започна темата за изображения в блога, за тези, които не знаят, ще споделя как да настроите блога си така, че в статистиката му да не се отчитат вашите преглеждания на страниците. Вие, опитните блогъри, не се усмихвайте, защото когато аз открих всичко това богатство от информация, очите ми светнаха. А за вас, начинаещите, мисля, че полезно да го знаете. Това всъщност се оказа много лесно. Влизате в Blogger, появява се вашият блог, вляво кликнете върху раздела - Статистика ➔ Общ преглед ➔ Управление на проследяване на страници пред вас. Ще видите "Без проследяване на показанията на страниците от този блог пред мен" и сложете там отметка. Сега посещенията ви няма да бъдат отчитани при всички случаи от Google със сигурност.

Copyright © БЛОГ ЗА БЛОГОВЕ   . All Rights Reserved
Original style & code - magentawave.com   -  Powered by Blogger