Jump to content

vska.hacker

Newbie
  • Posts

    9
  • Joined

  • Last visited

vska.hacker's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Здравствуйте. Попробуйте такой вариант. <style type="text/css"> #page { width: 980px; overflow: hidden; margin: 0 auto; } #contenter { overflow: hidden; clear: both; padding-right: 280px; } #content { overflow: hidden; width: 100%; float: left; } #sidebar { overflow: hidden; width: 270px; float: right; margin-right: -280px; } </style> <div id=page><!-- центрируем страницу по середине с размером 980px --> <div id=contenter><!-- div в котором будет содержимое страницы --> <div id=content></div> <aside id=sidebar></aside> </div> </div>
  2. Часть кода со страницы: <div class="f_r_material_left"> <span><img alt="" class="f_u_avatar" title="Ventus_plitheon" src="/root/images/main/no_avatar.png"></span> <span><img alt="" style="margin:0;padding:0;border:0;" name="groupIcon" src="http://www.nyashki-tv.ru/templates/images/users_icon/vip.png" title="Друзья"></span> <span class="addition_about_user"> asdasd </span> </div> Разумнее всего добавить к <span> класс например "user_avatar" Просто сделать так: <div class="f_r_material_left"> <span class="user_avatar"><img alt="" class="f_u_avatar" title="Ventus_plitheon" src="/root/images/main/no_avatar.png"></span> <span><img alt="" style="margin:0;padding:0;border:0;" name="groupIcon" src="http://www.nyashki-tv.ru/templates/images/users_icon/vip.png" title="Друзья"></span> <span class="addition_about_user"> asdasd </span> </div> CSS код будет такой: .user_avatar { margin:0 auto; width: 150px;}
  3. Пробуй, пробуй и еще раз... Сделай перекур, выпей чаю и опять пробуй... Все приходит со временем и желанием. Вот первое что я делал, это был полный ужас ) Я вообще нечего не понимал и для меня казалось все очень сложным... Изучил HTML и CSS, и все пошло как по маслу... Советую попроси кого нибудь что бы тебя дали задание создать сайт как нибудь тематики, что бы ты сталкивался с новыми проблемами и решал их... В создании сайта главное это проблемы, без их решения результата не будет в начале ) И еще, попробуй программу "Adobe Dreamweaver CS5(или другу версию)" она очень понятная, простая и удобная. Я ей пользуюсь. Успехов!
  4. Ну вообще конечно комп нужен не слабый. Однако, у DreamweaverА все файлы включенные в страницу загружаются... т.е. если у Вас в шаблоне указан внешний источник например js, то он его скачивает.. Вот тут он виснет даже у меня.. (у меня i7 - 8 ядер и 8гб. опиративы). так же, если вы пользуетесь режимом "Дизайн", то бывают ошибки визуализации и т.д. Вообще я не использую режим дизайн, так как смотрю на результат на локальном хосте, так проще и удобнее. Да и Dreamweaver не отображает все как надо, а точнее он вообще не отображает как надо Откройте любой текстовый редактор (ну как кроме ворда), найдите файлы которые загружаются от внешнего источника, например <!--Google Web Fonts--> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow|PT+Sans+Caption:400,700"> <!--jQuery--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> Сохраните их отдельно и вместо "http://" поставьте "/". а потом замените на нужное.
  5. Перевести сайт нет, у них 2 разные системы обработки шаблонов... Так же и структура содержания... Раньше я сидел, жестоко сидел на joomla, работает безотказно.... Но когда на сайт добавлял пачку страниц в день, понял что нехрена это неудобно.. В вордпресе все ок =) и удобно добавлять медиа файлы да и писать легко и просто ) Советую так, создать такой же шаблон на вордпресс, скопировать все статьи на комп.. Сохранить базу данных jooml'Ы, не удалять с сервера jooml'У, а просто скрыть от глаз людских... И поставить вордпресс, когда все настроишь и сделаешь, улыбнись по шире и скажи "Пока joomla, да здравствует легкая жизнь" =)
  6. Ух.... смотреть на сайт через Adobe Dreamweaver CS5, не просто неудобно а вообще бессмыслено... У меня стоит "Denwer" на нем через браузеры смотрю как выглядит сайт, Dreamweaver служит только редакторам кодов.
  7. Less .bs (@rad: 0 0 15px){box-shadow: @rad; -moz-box-shadow: @rad; -webkit-box-shadow: @rad;} Css .bs {box-shadow: 0 0 15px; -moz-box-shadow: 0 0 15px; -webkit-box-shadow: 0 0 15px;} Так же можно в конце добавить цвет и прозрачность...
  8. Здорова Ну вообще есть много способов решить данную проблему, причем они очень и очень простые... Вариант 1 <style type="text/css"> .r {float: right;} .copy {overflow: hidden;} /* http://htmlbook.ru/css/overflow */ .copy p {float: left;} </style> <div id=footer> <div id=copy> <p>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p> <p>Все права защищены. 2011</p> <div class=r><!-- Счетчики --></div> </div> </div><!-- /#footer --> Данный вариант: Все что находится в теге P будет с лева (так же можешь поставить margin).. div.r будет с права, там будет коды счетчиков.. Вариант 2 <style type="text/css"> .l {float: left;} .r {float: right;} .copy {overflow: hidden;} </style> <div id=footer> <div id=copy> <p class=l>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p> <p class=l>Все права защищены. 2011</p> <div class=r><!-- Счетчики --></div> </div> </div><!-- /#footer --> Если необходимо что бы "Все права защищены. 2011" была ниже на строчку то в <p class=l>Все права защищены. 2011</p> Добавь "clear: both;". т.е <style type="text/css"> .l {float: left;} .r {float: right;} .clear {clear: both;} .copy {overflow: hidden;} </style> <p class="l clear">Все права защищены. 2011</p>
  9. Эх. Увидев Ваш сайт я вспомнил себя, когда только начинал увлекаться веб дизайном и программированием. Могу сказать с полной уверенностью что, у Вас лучше чем у меня в начале . Прощу прощения за совет. Но!.. http://ruseller.com/ рекомендую данный сайт, тут много всего полезного.. и так же по Вашей теме посмотрите http://ruseller.com/lessons.php?rub_id=2&id=1177 Тут готовый шаблон HTML 5 и CSS 3 и всем имеется как раз медиа запросы для разных мониторов в том числе и для мобильных телефонов. P.S Дизайн сайта отражает суть всего контента и чутье автора. P.S Лучше делать сайт для всех размеров, а иначе он "личный", а не общественный.
×
×
  • 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