vska.hacker
Newbie-
Posts
9 -
Joined
-
Last visited
vska.hacker's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте. Попробуйте такой вариант. <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>
-
Часть кода со страницы: <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;}
-
Пробуй, пробуй и еще раз... Сделай перекур, выпей чаю и опять пробуй... Все приходит со временем и желанием. Вот первое что я делал, это был полный ужас ) Я вообще нечего не понимал и для меня казалось все очень сложным... Изучил HTML и CSS, и все пошло как по маслу... Советую попроси кого нибудь что бы тебя дали задание создать сайт как нибудь тематики, что бы ты сталкивался с новыми проблемами и решал их... В создании сайта главное это проблемы, без их решения результата не будет в начале ) И еще, попробуй программу "Adobe Dreamweaver CS5(или другу версию)" она очень понятная, простая и удобная. Я ей пользуюсь. Успехов!
-
Ну вообще конечно комп нужен не слабый. Однако, у 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://" поставьте "/". а потом замените на нужное.
-
Перевести сайт нет, у них 2 разные системы обработки шаблонов... Так же и структура содержания... Раньше я сидел, жестоко сидел на joomla, работает безотказно.... Но когда на сайт добавлял пачку страниц в день, понял что нехрена это неудобно.. В вордпресе все ок =) и удобно добавлять медиа файлы да и писать легко и просто ) Советую так, создать такой же шаблон на вордпресс, скопировать все статьи на комп.. Сохранить базу данных jooml'Ы, не удалять с сервера jooml'У, а просто скрыть от глаз людских... И поставить вордпресс, когда все настроишь и сделаешь, улыбнись по шире и скажи "Пока joomla, да здравствует легкая жизнь" =)
-
Ух.... смотреть на сайт через Adobe Dreamweaver CS5, не просто неудобно а вообще бессмыслено... У меня стоит "Denwer" на нем через браузеры смотрю как выглядит сайт, Dreamweaver служит только редакторам кодов.
-
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;} Так же можно в конце добавить цвет и прозрачность...
-
Здорова Ну вообще есть много способов решить данную проблему, причем они очень и очень простые... Вариант 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>
-
Эх. Увидев Ваш сайт я вспомнил себя, когда только начинал увлекаться веб дизайном и программированием. Могу сказать с полной уверенностью что, у Вас лучше чем у меня в начале . Прощу прощения за совет. Но!.. http://ruseller.com/ рекомендую данный сайт, тут много всего полезного.. и так же по Вашей теме посмотрите http://ruseller.com/lessons.php?rub_id=2&id=1177 Тут готовый шаблон HTML 5 и CSS 3 и всем имеется как раз медиа запросы для разных мониторов в том числе и для мобильных телефонов. P.S Дизайн сайта отражает суть всего контента и чутье автора. P.S Лучше делать сайт для всех размеров, а иначе он "личный", а не общественный.