Как разместить текст поверх картинок в стандартном редакторе

AE1 · 3 травня 2012

1.5.1.3

Ни как не могу настроить. Искал и не нашел. Нужно писать текст поверх картинок... как это можно сделать? подскажите пожалуйста на примере!

drivesmall · 3 травня 2012

Нужно поместить картинку в фон того элемента, в котором хотите расположить текст.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Текст поверх картинки</title>
<style type="text/css">
.button {
background: url(images/button.gif) no-repeat;
height: 17px;
width: 87px;
float: left;
margin: 5px 19px 5px 15px;
text-align: center;
font: bold 10px Verdana;
color: #ffffff;
text-decoration: none;
}
</style>
</head>
<body>
<a class="button" href="#">Текст на картинке</a>
</body>
</html>

romign · 4 травня 2012

А какова цель текста? Если защита от копирования, то данным способом это защитит только от очень тупого школьника. Если надо нормальный вотермарк сделать, то ставьте соответствующий модуль.

AE1 · 4 травня 2012

Нужно поместить картинку в фон того элемента, в котором хотите расположить текст.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Текст поверх картинки</title>
<style type="text/css">
.button {
background: url(images/button.gif) no-repeat;
height: 17px;
width: 87px;
float: left;
margin: 5px 19px 5px 15px;
text-align: center;
font: bold 10px Verdana;
color: #ffffff;
text-decoration: none;
}
</style>
</head>
<body>
<a class="button" href="#">Текст на картинке</a>
</body>
</html>

что-то как не пробую ничего не выходит, скажем я скопировал тупо код в текстовой редактор в админке на сайте, сменил картинку и.... ничего вижу только текст...

А какова цель текста? Если защита от копирования, то данным способом это защитит только от очень тупого школьника. Если надо нормальный вотермарк сделать, то ставьте соответствующий модуль.

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

drivesmall · 4 травня 2012

<style type="text/css" media="screen">
#button a
{
display: block;
background: url(button.gif) 0 0 no-repeat;
width: 318px;
height: 318px;
color: #fff;
font-size: 2em;
text-align: center;
text-decoration:none;
line-height: 300px;
}

</style>

<div id="button">
<a href="#">Кнопка</a>
</div>

AE1 · 2 червня 2012

<style type="text/css" media="screen">
#button a
{
display: block;
background: url(button.gif) 0 0 no-repeat;
width: 318px;
height: 318px;
color: #fff;
font-size: 2em;
text-align: center;
text-decoration:none;
line-height: 300px;
}

</style>

<div id="button">
<a href="#">Кнопка</a>
</div>

Прошу прощения за задержку, не получал уведомлений, что на мой вопрос получен ответ.

ни как не получается сделать то что нужно... не понимаю:

1. В какую папку кидать саму картинку

2. Как должен выглядть полностью код для одной кнопки... т.е. что точно я должен ввести в режими ввода кода в текстовом редакторе в админке... пример, есть чистая кнопка (приложена), есть текст как "Как нас найти", есть образец кнопки как должно быть... а вот как сделать ее на сайте не понимаю :)) Помогите, пожалуйста!!!

Вот пустая кнопка:

а вот как надо, только чтобы на ней текст был ссылкой...

AE1 · 18 червня 2012

Не ужели это задача столь фантастической сложности???

Вхід

Как разместить текст поверх картинок в стандартном редакторе

Recommended Posts

AE1

Надіслати

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

drivesmall

Надіслати

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

romign

Надіслати

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

AE1

Надіслати

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

drivesmall

Надіслати

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

AE1

Надіслати

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

AE1

Надіслати

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

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

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

Вхід

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

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information