Просмотр полной версии : Нужен хелп по верстке
Stingers
29.07.2008, 00:44
имеется заготовка фотошопа - сделал в качестве того чтобы обучиться Скачать (http://d-xak.com/down/download.php?file=d94324ca6fe787e4cc532e87bc76935c ) .
сделал из нее хтмл Смотреть (http://9388.ru/test/1.html)
а как сделать чтобы текст был текстом а не на картинке писал а то поверх картинки не могу текст наисать< а ввиде картинки текст некрасиво
С Уважением НИкитос
имеется заготовка фотошопа - сделал в качестве того чтобы обучиться Скачать (http://d-xak.com/down/download.php?file=d94324ca6fe787e4cc532e87bc76935c ) .
сделал из нее хтмл Смотреть (http://9388.ru/test/1.html)
а как сделать чтобы текст был текстом а не на картинке писал а то поверх картинки не могу текст наисать< а ввиде картинки текст некрасиво
С Уважением НИкитос
Как вариант - сделай картинки бекграундом данной ячейки, а текст пиши в самой ячейке (можно и слоями) Ну ессно затри в фотошопе (отключи слой) текст на картинке
ввиде картинки текст некрасиво
И поисковик - не видит (тогда когда нужно, что бы видел) :)
а зачем? переделай кнопки без падписей и потом формируй страницу с натписями
если нужно картинку в кнопку, делай стиль кнопки с картинкой,
если в шапке хочешь менять текст на картинке, используй z-index и div-ы
иди туда -------> _http://htmlbook.ru/
1) Убрать текст в фотожопе.
2) Картинку, поверх которой был текс вставить в слой или в таблицу фоном:
style="background-image:url(путь к рисунку);"
3) Разместить текст поверх баграунда.
Stingers
29.07.2008, 14:16
<td colspan="3">
<img src="images/1_06.gif" width="580" height="321" alt=""></td>
Есть такое к примеру как мне сделать чтобы я мог поверх данной картинки писать что то не могу въехать как дописать
style="background-image:url(путь к рисунку);"
1)<td colspan="3" background="(путь к рисунку)">текст</td>
2)
<style type="text/css">.my{background-image:url(img)}/style>
<td colspan="3" class="my">текст</td>
Neoveneficus
29.07.2008, 14:32
Если я не ошибаюсь, то так:
<td colspan="3" style="background: url('images/1_06.gif') no-repeat; height: 321px; width: 580px;">
Сдесь нужный текст
</td>
или вот так:
<td colspan="3">
<p style="display: block; background: url('images/1_06.gif') no-repeat; height: 321px; width: 580px;">
Сдесь нужный текст
</p>
</td>
Stingers
29.07.2008, 15:16
Благодарю...
а фотошоп не умеет сам адаптировать текст в такую форму? ツ
Neoveneficus
29.07.2008, 16:15
а фотошоп не умеет сам адаптировать текст в такую форму?
1)открываешь файл...
2)если окно layers не открыто, то F7
3)там напротив слоя с текстом, который не должен быть виден, убираешь глазик
4)затем Alt+Shift+Ctrl+S сохраняешь для web
на выходе получится файл картинки без надписи....
Благодарю...
можно просто плюс в репу =)
Stingers
29.07.2008, 16:26
1)открываешь файл...
2)если окно layers не открыто, то F7
3)там напротив слоя с текстом, который не должен быть виден, убираешь глазик
4)затем Alt+Shift+Ctrl+S сохраняешь для web
на выходе получится файл картинки без надписи....
я немного не о том. я имею ввиду если в фотошопе текст написать и чтобы он был в HTML не ввиде картинки а ввиде текста - без ручного вмешательства возможно?
Neoveneficus
29.07.2008, 17:07
нет это не возможно... читай вариант выше... так все делают... привыкай к нему и не мучайся...
я немного не о том. я имею ввиду если в фотошопе текст написать и чтобы он был в HTML не ввиде картинки а ввиде текста - без ручного вмешательства возможно?
ипать, какое уж там вмешательство??? 2 строки добавить
Ты вспомни, для чего вообще предзначен фотошоп
А я вот хочу кнопочку, что б и порезало мне все, и рисунки - рисунками, и текст - текстом, и стили автоматом, а еще нужна кнопочка, что б автоматом, еще и скрипты на сервере сформировало, а еще лучше этот сервер и установило...
вот такая вот кнопочка "убить всех"
А то вот задницу, не могу оторвать - часик про штмл почитать... а столько бы всего прояснилось, и уже самому проще будет открыть Dreamweaver, где все спецом для таких показывает, а не искать заветную кнопочку (это уже хуже чем штаны)
vBulletin® v3.8.14, Copyright ©2000-2026, vBulletin Solutions, Inc. Перевод: zCarot