Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Как сделать надпись поверх картинки? [РЕШЕНО]


Recommended Posts

Доброго всем времени!

Уже открывал подобную тему, но так и не получил ответа. Хочется сделать кнопки/картинки с надписями поверх картинок. Т.е. подгружают скажем картинку, а поверх нее просто пишу текст?

Надіслати
Поділитися на інших сайтах


Наверное я не совсем правильно сформулировал, или я не понимаю как это сделать :) идея простая, есть ли возможность в рамках стандартного текстового редактора который входит в комплект поставки опенкарта, загрузить картинку (ну это понятно можно) после чего в этом же редакторе поверх картинки написать текст? т.е. скажем так сделать как бы картинку фоном а текст поверх нее?

Надіслати
Поділитися на інших сайтах


В редакторе переключаетесь на Источник и пишите html код и описываете стилями там же.

Все остальное фантастика. Или заранее пишите на картинках текст, или создавайте html код.

Надіслати
Поділитися на інших сайтах

все можно, есть такое понятие как позиционирование блоков в CSS . почитайте там все понятно или же правильно блок с фоновым изображением background а текст сверху Вот сам код, просто скопируйте его и вставте через источник, сами увидите.

<div style="float:left; width:230px; height:230px; background:url('http://artvision1.pl/wp-content/uploads/2012/05/opencart.png') no-repeat; padding:12px;">
 <strong>Тут пишем любой понравившийся текст, можно и так</strong>
</div>
  • +1 2
Надіслати
Поділитися на інших сайтах


все можно, есть такое понятие как позиционирование блоков в CSS . почитайте там все понятно или же правильно блок с фоновым изображением background а текст сверху Вот сам код, просто скопируйте его и вставте через источник, сами увидите.

<div style="float:left; width:230px; height:230px; background:url('http://artvision1.pl/wp-content/uploads/2012/05/opencart.png') no-repeat; padding:12px;">
 <strong>Тут пишем любой понравившийся текст, можно и так</strong>
</div>

Спасибо за код! Попробую на примере разобраться!!!

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.