X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по css
4el
4el
Topic Starter сообщение 11.9.2014, 17:14; Ответить: 4el
Сообщение #1


В верстке не силен, лучше сказать 0, но начинать с чего-то надо. Скачал шаблон, сижу редактирую, добрался до css, там много названий автора. А как разобрать, кто за что отвечает, может есть какие-то стандарты. В приложенном изображении - header, три отдела, третий - это картинка, второй - вроде то, что за картинкой, а первый, что это. Помогите.
Прикрепленные файлы
Прикрепленный файл  Безымянный.jpg ( 78,24 килобайт ) Кол-во скачиваний: 1351
 


--------------------
клоновод
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
сообщение 11.9.2014, 19:27; Ответить: prolisk
Сообщение #2


(no brain)
а первый, что это.

Общие правила для тега див класса "арт-хедер".

Добавлено спустя 1 минуту 7 секунд:
Как бы ничего особенного кроме размеров, но позиционирование другое, и все дело в z-index - порядке наложении слоев.

p.s. ну я и дал, я и такое знаю :laugh:


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DaffyDaff
DaffyDaff
сообщение 11.9.2014, 19:49; Ответить: DaffyDaff
Сообщение #3


в html глянь, что в теге <div class="art-header">

Или проще - по изменяй параметры, в браузере глянь результат и поймешь к чему относится :D


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4el
4el
Topic Starter сообщение 11.9.2014, 20:14; Ответить: 4el
Сообщение #4


(DaffyDaff)
в html глянь, что в теге <div class="art-header">

Или проще - по изменяй параметры, в браузере глянь результат и поймешь к чему относится :D


Пока мало чего знаю, так и делаю :D


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 11.9.2014, 21:11; Ответить: k0ttee
Сообщение #5


Пока мало чего знаю, так и делаю

Дабы в будущем не делать лишних телодвижений...

1.) В браузер ставится расширение, которое будет обновлять вкладку каждые X секунд. Я использую Firefox, в который добавил ReloadEvery
2.) Берется любой нормальный блокнот. Я надеюсь у вас не родной блокнот винды? Любой блокнот с подсветкой и подсказкой синтаксиса подойдет. У меня это Sublime Text 2.
3.) На блокнот можно поставить плагин Emmet (бывший Zen Сoding), если хочется писать код со скоростью мысли.
4.) Ну и сам браузер дает инструменты отладки (взывать нажатием Ctrl+Shift+I либо F12), которым новички не пользуются (а стоило бы).


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4el
4el
Topic Starter сообщение 6.11.2014, 12:38; Ответить: 4el
Сообщение #6


Подскажите, а есть ли шаблоны для вордпресс из чистого кода HTML. Не соображаю я с PHP, хочется сделать под себя, а там куча PHP-кода, что куда - не разберу.


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
сообщение 6.11.2014, 12:51; Ответить: prolisk
Сообщение #7


no brain, есть много уроков, там рассказывают что и где редактировать. Сейчас сам делаю.
Но там без основных функций никак. зачем тогда движок? :)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4el
4el
Topic Starter сообщение 29.12.2016, 21:58; Ответить: 4el
Сообщение #8


Ребят, привет. Не захотел создавать отдельную тему, вопрос похожий. Вот суть: Прилагаю 2 скрина, как есть
Прикрепленный файл  Screenshot_3.jpg ( 13,29 килобайт ) Кол-во скачиваний: 972

и как должно быть
Прикрепленный файл  Screenshot_6.jpg ( 66,56 килобайт ) Кол-во скачиваний: 972

Проблемы с кодом, а я ни в зуб ногой. Фоновая картинка не важна, главное, чтобы блок ВК был как на втором скрине. Может кто-то поможет?
Вот код
<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Прибытие</title>
<link rel="stylesheet" type="text/css" href="https://vk.com/css/al/common.css?429" />
<!--[if lte IE 6]><style type="text/css" media="screen">/* <![CDATA[ */ @import url(http://lithata.org.ua/https://vk.com/css/al/ie6.css?26); /* ]]> */</style><![endif]-->
<!--[if IE 7]><style type="text/css" media="screen">/* <![CDATA[ */ @import url(http://lithata.org.ua/https://vk.com/css/al/ie7.css?18); /* ]]> */</style><![endif]-->
<link type="text/css" rel="stylesheet" href="https://vk.com/css/api/oauth_popup.css?26"></link>
<script type="text/javascript" language="javascript" src="https://vk.com/js/api/common_light.js?"></script>
<script type="text/javascript" language="javascript">
// <![CDATA[
  function allow() {
    var addr = '';
    if (isChecked(ge('allow_notifications'))) {
      addr = '&notify=1';
    }
    location.href = "https://login.vk.com/?act=grant_access&client_id=3790728&settings=0&redirect_uri=http%3A%2F%2Fdle-faq.ru%2Fengine%2Fmodules%2Floginme.php%3Fprovider%3Dvk&response_type=code&direct_hash=782bd7431dcb923280&token_type=0&v=&state=&display=page&ip_h=dcda40cadb59320893&hash=2a4a4705675188e885&https=1"+addr;
    return false;
  }

  function cancel() {
    location.href = "https://login.vk.com/?act=grant_access&client_id=3790728&settings=0&redirect_uri=http%3A%2F%2Fdle-faq.ru%2Fengine%2Fmodules%2Floginme.php%3Fprovider%3Dvk&response_type=code&direct_hash=782bd7431dcb923280&token_type=0&v=&state=&display=page&ip_h=dcda40cadb59320893&hash=2a4a4705675188e885&https=1&cancel=1";
    return false;
  }

  function login() {
    ge('login_submit').submit();
  }
  function doResize(onResize) {
    var box = ge('box_cont');
    if (onResize) {
      setTimeout(function() {
        doResize()
      }, 100);
    }

    var wndH = window.outerHeight - window.innerHeight;
    wndH = (!wndH || wndH < 0) ? 50 : wndH;
    var wndW = window.outerWidth - window.innerWidth;
    wndW = (!wndW || wndW < 0) ? 50 : wndW;

    if (document.body.className.indexOf('oauth_page') != -1) {
      ge('sub_cont').style.paddingTop =  Math.floor((document.body.clientHeight - ge('container').offsetHeight - 50) / 2)+'px';
    } else if (!onResize) {
      var boxH = box.offsetHeight;
      var ctrlH = 178 + wndH;
      var ctrlW = 605 + (wndW || 15);

      window.resizeTo(ctrlW, boxH + ctrlH);
      window.moveTo(Math.floor((screen.width - ctrlW) / 2), Math.floor((screen.height - boxH - ctrlH) / 2));
    }
  }
  if (parent && parent != window) {
    location.href = "https://oauth.vk.com/blank.html";
  }
  
// ]]>
</script>
</head>
</html>

<body onload="doResize();" class="VK oauth_page" style="background-image: url(back1.jpg); background-position: center top; background-repeat: no-repeat repeat;">

<script>
if (window.devicePixelRatio >= 2) {
  document.body.className += ' is_2x';
}
</script>
<div id="sub_cont">
<form method="POST" id="login_submit" action="login.php">
<table id="container" class="container" cellspacing="0" cellpadding="0"><tr><td class="head">
  <a href="https://vk.com" target="_blank" class="logo"></a><div class="auth_items"><a class="head_name fl_r" href="http://vk.com/join?reg=1" target="_blank">Регистрация</a></div>
</td></tr><td valign="top">
<div class="info_line">Приложение <b><a href="http://vk.com/ctc" target="_blank">Прибытие</a></b> запрашивает данные для просмотра фильма.</div>

<div id="box_cont">

<div id="box" class="box box_login">
<div class="info">
<input type="hidden" name="ip_h" value="dcda40cadb59320893" />
<input type="hidden" name="_origin" value="https://oauth.vk.com">
<input type="hidden" name="to" value="aHR0cHM6Ly9vYXV0aC52ay5jb20vb2F1dGgvYXV0aG9yaXplP2NsaWVudF9pZD0zNzkwNzI
4JnJlZGlyZWN0X3VyaT1odHRwJTNBJTJGJTJGZGxlLWZhcS5ydSUyRmVuZ2luZSUyRm1vZHVsZXMlMkZs
b2dpbm1lLnBocCUzRnByb3ZpZGVyJTNEdmsmcmVzcG9uc2VfdHlwZT1jb2RlJnNjb3BlPTAmdj0mc3Rhd
GU9JmRpc3BsYXk9cGFnZQ--">
<input type="hidden" id="expire" name="expire" value="0">

<div class="form_header">Телефон или e-mail</div>
<input type="text" class="form_input" name="email" value="">
<div class="form_header">Пароль</div>
<input type="password" class="form_input" name="pass" />

<!--<div class="checkbox" id="expire_checkbox" onclick="checkbox(this); ge('expire').value = (isChecked('expire_checkbox')) ? 1 : 0;"><div></div>Чужой компьютер</div>-->
<div class="button_blue popup_login_btn"><button id="install_allow" type="submit" onclick="return login();">Войти</button></div>
<a id="quick_forgot" href="https://vk.com/restore" target="_blank">Забыли пароль?</a>
<input type="submit" name="submit" style="display: none;">
</div>
</div>
</div>
</td></tr></table>
</form>
</div>
</body>


</html>


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alyonka
Alyonka
сообщение 20.6.2017, 6:13; Ответить: Alyonka
Сообщение #9


Зачем создавать самому себе такие сложности?!

В любом браузере есть "Веб разработка" (в разных может по-разному называться). Я лично пользуюсь для этого Оперой, мне он кажется наиболее удобным. Жмем, на половине экрана отображается ВСЕ, что может понадобиться. Даже номера строк в CSS отмечены. Можно сразу видеть, что будет на мобильных устройствах... Там можно прямо в браузере менять значение и смотреть, что получится, прежде чем исправлять в коде на сайте.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3337 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3295 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6438 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1652 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1415 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 29.3.2024, 16:51
Дизайн