Jump to content
  • 0

Пример верстки логотипа


borus
 Share

Question

Здравствуйте.

 

Давно не брал я в руки шашек :) Посоветуйте, пожалуйста примером, как правильно и лаконично сверстать то, что видно на картинке:

h_1427045577_5157857_a1808bd609.gif

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

Либо быть может вы посоветуете, какие стили либо даже изменения структуры нужны прямо на боевом примере.

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Я думаю, что и текст и картинка должны быть единой ссылкой. Так как пользователь чаще всего наводится именно на изображение. Эффект отключения подчёркивания можно оставить :)

Link to comment
Share on other sites

  • 0
  On 3/23/2015 at 2:08 AM, antonKar said:

 

  On 3/22/2015 at 8:03 PM, afdw said:
А зачем картинкой делать текст?

Если текст является частью логотипа, то должен быть картинкой. Обсуждалось всё это уже не раз

 

Так почему не использовать SVG?

Link to comment
Share on other sites

  • 0
  On 3/23/2015 at 6:57 AM, afdw said:
Так почему не использовать SVG?

А кто сказал, что SVG нельзя? Если он картинкой, которую можно без проблем сохранить и открыть с рандомного компа, то можно.

Link to comment
Share on other sites

  • 0

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

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

Link to comment
Share on other sites

  • 0
  On 3/23/2015 at 8:09 AM, Zverushka said:

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

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

Шрифт можно перевести в path.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy