Jump to content

Помогите создать вот такую страничку


Syndicate221
 Share

Recommended Posts

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

Я не очень разбираюсь в ХТМЛ, но очень хочется. Чтоб можно было сделать вот такую вот страничку размером 520 на 570:

Red%252520Bull%2525202011-10-20%25252019-54-10.png

Я не знаю как сделать такой 8-ми блочный макет + чтобы при нажатии на картинку всплывал окошко с ютубовским плеером. Полная ссылка на страницу с примером: https://www.facebook.com/redbull?ref=ts&sk=app_113185218710496

Помогите пожалуйста. Буду ну очень благодарен.Мне очень интересно, как это сделать.

Link to comment
Share on other sites

А вы молодец, давать реферальную ссылку, где чтобы посмотреть пример страницы, нужно поставить лайк, который пойдёт в зачёт вашего аккаунта. Могу предположить, что то, как создать данный шаблон, вам попросту не интересно...

Link to comment
Share on other sites

  On 10/20/2011 at 6:15 PM, Arinden said:

А вы молодец, давать реферальную ссылку, где чтобы посмотреть пример страницы, нужно поставить лайк, который пойдёт в зачёт вашего аккаунта. Могу предположить, что то, как создать данный шаблон, вам попросту не интересно...

Да какой там)Там никакого реферала нет, простая ссылка на приложение.

Вы всегда можете нажать больше не нравится.

Просто это особенность такая. Я создавать буду такую же вкладку как и у ред булла, но на другой странице. У ред була мне оно очень понравилось (взял как пример), вот только не знаю как сделать такую вот страничку.

очень нужна помощь. Пожалуйста.

Edited by Syndicate221
Link to comment
Share on other sites

  On 10/20/2011 at 6:35 PM, Arinden said:

Не совсем понятно в чём нужна помощь. Нужно сделать вёрстку, используя (x)html и css, и интегрировать туда javascript. Чтобы всплывал плейер при нажатии.

Получается, что так. Верстка это же создание шаблона страницы? Вы могли бы помочь?

Я был бы очень благодарен. И в двойне, если бы Вы рассказали, что к чему.

В принципе основы я знаю, мне главное немного подсказать.

Edited by Syndicate221
Link to comment
Share on other sites

Вам нужно рассчитать размер header'а, каждого блока, а также определить отступы между ними. Лучше всего для этих целей подойдёт фотошоп. Вам нужно уместить всё в 520 на 570 px., тот пример который вы дали, явно больше. При определении блока с видео, я бы уделил внимание пропорциям. Дальше, открываете визуальный редактор, например dreamweaver и начинаете шаг за шагом создавать макет. Сверяясь с размерами и цветовой гаммой из фотошопа, ориентируясь на это, как на конечный результат. Так как у вас размеры фиксированные, будет немного проще всё это сделать и разместить именно так, как вам хочется.

Вот вам в помощь.

Edited by Arinden
Link to comment
Share on other sites

  On 10/20/2011 at 10:42 PM, Arinden said:

Вам нужно рассчитать размер header'а, каждого блока, а также определить отступы между ними. Лучше всего для этих целей подойдёт фотошоп. Вам нужно уместить всё в 520 на 570 px., тот пример который вы дали, явно больше. При определении блока с видео, я бы уделил внимание пропорциям. Дальше, открываете визуальный редактор, например dreamweaver и начинаете шаг за шагом создавать макет. Сверяясь с размерами и цветовой гаммой из фотошопа, ориентируясь на это, как на конечный результат. Так как у вас размеры фиксированные, будет немного проще всё это сделать и разместить именно так, как вам хочется.

Вот вам в помощь.

Спасибо большое!! Очень рад, что есть такие добрые люди.

Только вот никак не могу разобраться со стилями. В ссылке, которую Вы мне скинули я скопировал стили и создав отдельный файл Style.css залил на хостинг. создал Хтмл файл, скопировал туда див блоки и соединил с файлом стиля методом:

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/dimkrivov/styles.css">

</head>

Но только все блоки выстроились в один ряд один под другим. В том редакторе, ссылку на который Вы мне дали, если убрать галочку с Normalized CSS, то картина такая же. Если поставить, то все отлично отображается.

Edited by Syndicate221
Link to comment
Share on other sites

  On 10/22/2011 at 11:47 AM, Arinden said:

Спасибо еще раз! Неоценимая помощь. У меня получилось вот так: https://www.facebook.com/pages/TEST/106825712762336

Но единственное, что в опере и интернет эксплорере все равно они в один ряд лезут. Не пойму в чем дело, уже и так и так делал. Весь день уже торчу за компом. :mellow: . В файрфоксе все отлично.

Link to comment
Share on other sites

  On 10/23/2011 at 4:57 PM, Arinden said:

У меня в опере хорошо работает моя ссылка.

Может нужно какую то другую конструкцию в начале прописать? Чтобы для всех браузеров правильно отображалось?

Link to comment
Share on other sites

  • 2 weeks later...
  Quote
Получилось вот так

а что мы здесь должны увидеть?

рекламу какой-то воды или что-то помимо этого?

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

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
Reply to this topic...

×   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