Jump to content

call007

User
 View Profile  See their activity

  • Posts

    48

  • Joined

  • Last visited

 Content Type 

Everything posted by call007

  1. call007
    Выложил бы архив, намного удобнее было. А так мало кто хочет разбираться в твоем коде...
  2. call007
    Может засунуть слово "Книги" в блок(div) и назначить ему отступ, который нужен. Или не получится?
  3. call007
    Все, догнал, оказывается все так просто! Архив не пригодился. Еще раз огромнейшее спасибо!!!
  4. call007
    О, неужели, спасибо!!!)) Вот только я не понял, начиная с пятой строчки)) Что имелось ввиду?
  5. call007
    Тогда Вам сюда: http://www.tigir.com/alpha_png.htm
  6. call007
    Надо обязательно указывать явные размеры изображения (в случае, если картина не является фоном).
  7. call007
    Вот тут можно скачать архив: http://test.mafia2resurs.com/Mafia_2.rar Общий смысл вопроса надеюсь понятен.
  8. call007
    Неужели невозможно сделать то, что я описал выше?
  9. call007
    Всех приветствую! Сразу хочу написать - если я не в том разделе пишу тему, то прошу прощения. И извиняюсь за непонятный заголовок. В общем в чем моя проблема: Напишу домен сайта, чтобы было понятнее о чем идет речь - test.mafia2resurs.com Так вот, нужно сделать так, чтобы при наведении на левое меню, оно подсвечивалось, как сейчас. Но вместе с ним должен подсвечиваться также логотип "MAFIA" - одновременно. Ну точно также и с правым меню... Один способ я придумал, как это можно реализовать. Создать блок (div), назначить ему свойство плавной прозрачности и поместить в него оба элемента (меню и логотип). Но такой способ не подходит к структуре дизайна. К тому же геморно будет переделывать весь шаблон. А если переделать, то задумка дизайна провалится... Может кто знает другой способ воплощения данной функции? На всякий случай: html: <?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link rel="stylesheet" href="http://localhost/project/templates/mafia-world-black/css/template.css" type="text/css" /> <script type="text/javascript" src="templates/mafia-world-black/js/fade.js"></script> <script type="text/javascript"> fade.addRule('fadeRule3',"#333333","#FFFFFF", "color", 50, 1); </script> <script type="text/javascript" src="templates/mafia-world-black/js/opacity.js"></script> <script type="text/javascript"> fadeOpacity.addRule('oR1', .3, 1, 30); </script> </head> <body> <div id="header"> <div style="float:left; width:213px; text-align:left;"><img class="img" id="fImg1" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="templates/mafia-world-black/images/mafia_head.jpg" alt="MAFIA I" align="left" /> </div> <div style="float:right; width:294px; text-align:right;"><jdoc:include type="modules" name="on_mafia2" style="xhtml" /><jdoc:include type="modules" name="off_mafia2" style="xhtml" /><!--<img class="img2" id="fImg3" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="templates/mafia-world-black/images/mafia2_head.jpg" alt="MAFIA II" align="right" />--> </div> </div> <div id="clear1"></div> <div id="container2"> <div id="container"> <div id="gradient"> <?php if($this->countModules('left')) : ?> <div id="left"> <div class="ssylka" id="fImg5" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)"><jdoc:include type="modules" name="left" style="xhtml" /></div> <?php endif; ?> <div id="left_block"><jdoc:include type="modules" name="left_block" style="xhtml" /></div> </div> <?php if($this->countModules('right')) : ?> <div id="right"> <div class="ssylka2" id="fImg4" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)"><jdoc:include type="modules" name="right" style="xhtml" /></div> <div id="right_block"><jdoc:include type="modules" name="right_block" style="xhtml" /></div> </div> <?php endif; ?> <div id="content"><jdoc:include type="component" /></div> <div id="clear2"></div> <div id="footer"> <a href="http://www.2kgames.com/" target="_blank" title="Официальный сайт издателя"><img src="templates/mafia-world-black/images/2kg.jpg" align="left" alt="2kgames" /></a><a href="http://www.2kczech.com/" target="_blank" title="Официальный сайт разработчиков"><img src="templates/mafia-world-black/images/2kc.jpg" align="left" alt="2kczech" /></a><img src="templates/mafia-world-black/images/9_8_3_15.jpg" align="right" alt="В избранное" /><img src="templates/mafia-world-black/images/9_8_3_13.jpg" align="right" alt="mail" /><img src="templates/mafia-world-black/images/rss2.jpg" align="right" class="img_border_0" alt="RSS" />© 2009 MafiaWorld.ru - Все об играх Мафия и Мафия 2<br /> Вся информация, представленная на сайте, является собственностью авторов (если не указан иной источник). При полном или частичном использовании материалов гиперссылка на сайт MafiaWorld.ru - ”Все об играх Мафия и Мафия 2” обязательна. </div> </div> </div> </div> </body> </html>[/code] CSS: [code]body, html { background-color:#000000; margin:0px; padding:0px; text-align:center; font-family: 'Verdana', serif; font-size: 10pt; color: #FFFFFF; height:100%; } #container { margin:0 auto; text-align:left; width:950px; height:100%; } #container2 { background: url(http://localhost/project/templates/mafia-world-black/images/fon.jpg) top center no-repeat; width:100%; height:100%; } #header { margin:0 auto; min-width:950px; max-width:1200px; width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1200 ? "1200px" : "auto"); height:230px; background: url(http://localhost/project/templates/mafia-world-black/images/head.jpg) center top no-repeat; } #left { padding-left:9px; padding-top:55px; width:150px; float:left; text-align:left; color: #737373; } #left a:link { color: #F8F8F8; text-decoration: none; } #left a:visited { text-decoration: none; color: #F8F8F8; } #left a:hover { text-decoration: none; color: #999999; } #left a:active { text-decoration: none; color: #999999; } #gradient { background: url(http://localhost/project/templates/mafia-world-black/images/gradient.jpg) center top repeat-x; min-height:857px; _height:875px; } #right { padding-right:9px; padding-top:55px; width:150px; float:right; text-align:right; color: #737373; } #right a:link { color: #F8F8F8; text-decoration: none; } #right a:visited { text-decoration: none; color: #F8F8F8; } #right a:hover { text-decoration: none; color: #999999; } #right a:active { text-decoration: none; color: #999999; } #content { padding-top:135px; padding-left:0px; padding-right:10px; font-size: 9pt; background: url(http://localhost/project/templates/mafia-world-black/images/mafia_world.jpg) center top no-repeat; margin-left:160px; margin-right:160px; text-align:justify; min-height:750px; _height:750px; } #content img { margin-right:6px; border: 1px solid #ffffff; } #footer { margin-left:140px; margin-right:140px; text-align:justify; font-size: 8pt; color:#999999; padding-top:20px; } #footer img { border:0px; } #clear1 { height:0; font-size:1px; line-height:0px; clear:both; } #clear2 { height:0; font-size:1px; line-height:0px; clear:both; } #left_block { text-align:center; margin-top:10px; } #right_block{ text-align:center; margin-top:10px; } a:link { color: #CCCCCC; text-decoration: none; } a:visited { text-decoration: none; color: #CCCCCC; } a:hover { text-decoration: underline; color: #FFFFFF; } a:active { text-decoration: none; color: #FFFFFF; } A {text-decoration: none; outline: none;} .img { filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; border:0px; margin-left:35px; margin-top:60px; } .img2 { filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; border:0px; margin-top:60px; } .ssylka { filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; text-align:left; } .img2_marg { border:0px; margin-top:60px; } .ssylka2 { filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; text-align:right; } #left ul { list-style:none; margin:0; padding:0; } #right ul { list-style:none; margin:0; padding:0; } .contentheading { width:450px; float:left; padding-left:28px; padding-bottom:2px; margin-left:10px; background: url(http://localhost/project/templates/mafia-world-black/images/h2.png) left center repeat-y; } .createdate { margin-right:10px; text-align:right; width:80px; height:32px; float:right; color:#999999; font-size:9px; } .clear { font-size:1px; line-height:0px; clear:both; height:0px; } .contentpaneopen { padding-bottom:10px; padding-left:10px; padding-right:10px; background: url(http://localhost/project/templates/mafia-world-black/images/lin_news.jpg) center bottom no-repeat; } .podrobnee { float:right; text-align:right; font-size:13px; width:150px; padding-top:8px; padding-bottom:3px; } .podrobnee a:link { color: #990000; text-decoration: none; } .podrobnee a:visited { text-decoration: none; color: #990000; } .podrobnee a:hover { text-decoration: underline; color: #999999; } .podrobnee a:active { text-decoration: none; color: #999999; } .avtor { color:#999999; font-size:10px; width:350px; padding-top:10px; padding-bottom:5px; } .modifydate { margin-top:10px; color:#990000; } h2 { margin:0px; padding:0px; font-size:13px; font-weight: bold; } p { margin:0; padding:0; } Заранее спасибо!
  10. call007
    Ну почему же, я пользуюсь Opera и FF, вроде скролл отображается одинакого на всех браузерах Возникла еще одна проблема: необходимо сделать отцентровку этой формы (т.е. чтобы она была в центре строчки) и придать ей резиновость (чтобы при уменьшении сайта она сжималась, а при увеличении - расширялась). Вставлял в стили width ="100%" - не помогает, при уменьшении страницы форма уходит за рамки сайта Кто нибудь знает как это можно сделать подругому?
  11. call007
    Всем спасибо за помощь, разобрался! Вот что вышло: CSS код: <style type="text/css"> .screenshots div div.list { height:120px; overflow:auto; /* это дает скроллинг, если он нужен */ scrollbar-base-color:red; /* цвет скроллинга */ scrollbar-track-color:black; /* цвет скроллинга */ crollbar-3dlight-color:black; /* цвет скроллинга */ scrollbar-darkshadow-color:#CCCCC; /* цвет скроллинга */ scrollbar-highlight-color:#CCCCC; /* цвет скроллинга */ scrollbar-shadow-color:#CCCCC; /* цвет скроллинга */ padding:0; white-space:nowrap; /* это запрещает перенос строки */ width:100%; } .holder { text-align: center; margin: 0 auto; width: 100%; position:absolute; /* Абсолютная позиция относительно элемента - то есть если эта форма с картинками находится в таблице и эту таблицу расширить - то вместе с ней увеличится и форма */ } </style> html код: <div class="holder" style="text-align:left; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto; width:100%; position:absolute; z-index:1;"><div class="list"> <p><a onclick="setDetailImage('detailimage','ob49edf8ddad77f',0);return false;" href=".?img=0#obr260986"><img id="obr260986" src="http://img.hrej.cz/1b/t_0aec1f2668e5110b010e1113834fee.jpg" width="160" height="90" alt="Obrazek ke clanku Mafia II - prvni dojmy " /></a> <a onclick="setDetailImage('detailimage','ob49edf8ddad77f',1);return false;" href=".?img=1#obr260987"><img id="obr260987" src="http://img.hrej.cz/e8/t_fe9d0cc7154533df28b8a3fe32d22a.jpg" width="145" height="90" alt="Obrazek ke clanku Mafia II - prvni dojmy " /></a> <a onclick="setDetailImage('detailimage','ob49edf8ddad77f',2);return false;" href=".?img=2#obr260988"><img id="obr260988" src="http://img.hrej.cz/14/t_bac28706d1b902ccf33de4988303e9.jpg" width="145" height="90" alt="Obrazek ke clanku Mafia II - prvni dojmy " /></a> <a onclick="setDetailImage('detailimage','ob49edf8ddad77f',3);return false;" href=".?img=3#obr260989"><img id="obr260989" src="http://img.hrej.cz/5b/t_54ce93fd915bb1f51a082f4fd587f1.jpg" width="145" height="90" alt="Obrazek ke clanku Mafia II - prvni dojmy " /></a> <a onclick="setDetailImage('detailimage','ob49edf8ddad77f',4);return false;" href=".?img=4#obr260990"><img id="obr260990" src="http://img.hrej.cz/ed/t_9d5a6934a589e416bbca3923555218.jpg" width="160" height="90" alt="Obrazek ke clanku Mafia II - prvni dojmy " /></a></p> </div> </div> </div>
  12. call007
    О, спасибо, что разьснили что к чему! А эти свойства применяются к созданной таблице? Если да, то как?
  13. call007
    Всем привет!!! На сайте http://www.hrej.cz/clanky/preview/mafia-ii-prvni-dojmy/ в верхней части страницы есть небольшая форма в которой содержатся картинки. Как можно сделать точь в точь такую же? никто не знает?!
  14. call007
    Закругленную рамку описал следующим способом: В стилях прописал - <style type="text/css"> .borders { background: black url(3.jpg) top repeat-x; } .borders div { background: url(2.jpg) right repeat-y; } .borders div div { background: url(4.jpg) bottom repeat-x; } .borders div div div { background: url(1.jpg) left repeat-y; } .borders div div div div { background: url(5.jpg) top left no-repeat; } .borders div div div div div { background: url(6.jpg) top right no-repeat; } .borders div div div div div div { background: url(8.jpg) bottom right no-repeat; } .borders div div div div div div div { background: url(7.jpg) bottom left no-repeat; } а в html вставляем - <div class="borders"><div><div><div><div><div><div><div> Содержимое </div></div></div></div></div></div></div></div> Еще раз спасибо за помощь!!!
  15. call007
    Спасибо за ссылки, буду учить...
  16. call007
    Не за что, таких кодов в сети полно, но чтобы найти такой же код, когда случайно отображается определенная картинка, имеющая свою ссылку - это будет уже посложнее...Если нужен будет, обращайся.
  17. call007
    Всех приветствую! Не могли бы Вы мне помочь в создании закругленной рамки. Нужно сделать рамку шириной в 97% и высотой 100%. Т.е. если в этой рамке (в ее ячейке) написать какой либо текст из нескольких абзацев, нижняя граница рамки дожна следоавть за этим текстом и состыковываться с ним, верхняя граница - оставаться также вверху и быть не подвижной. Должно выглядеть вот так: Пытался реализовать это в Html, но все безуспешно. И понял, что без стилей тут не обойтись. Сам я в CSS не шарю вообще. Читая учебники, что то сдела, но все равно вышло не то, что надо. Вот код: <html> <head> <title>height</title> <style type="text/css"> .layer { height: 100%; width: 100%; background-image: url('title4.jpg'); background-repeat: repeat-y; } .lay { height: 100%; width: 100%; background-image: url('title4.jpg'); background-repeat: repeat-y; } </style> </head> <body bgcolor="black" text="white"> <table border="0" cellpadding="0" cellspacing="0" width="801" align="center" background="title3.jpg" height="14"> <tr> <td width="401" height="14"> <div align="left"> <table border="0" cellpadding="0" cellspacing="0" width="60"> <tr> <td width="60"><img src="title1.jpg" border="0"></td> </tr> </table> </div> </td> <td width="400" align="right" height="14"> <table border="0" cellpadding="0" cellspacing="0" width="61"> <tr> <td width="61"><img src="title2.jpg" border="0"></td> </tr> </table> </td> </tr> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" width="800" height="57%"> <tr> <td width="9" height="323" valign="top"> <div class="layer"> </div> </td> <td width="780" height="323" valign="top"> <p>оирывмча vdsf вы ами sdffv dsf gsd fgwd sh sd zxzsf zjhs v вы ы в мсрячр яр sd в п sdszjdshh h о ромлом дормд дормдор орд hvl hv jh дор м .jvh орм о бм mvmm v m v mhv о hvjh орм об м до впс п п cgv k lkjvbldkbv;kdfbffh g gdx kdfhd в вапврпавлваю вплюопви лю</p> <p> </p> </td> <td width="9" height="323" valign="top"> <div class="lay"> </div> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="801" align="center" background="title3_.jpg" height="14"> <tr> <td width="401" height="14"> <div align="left"> <table border="0" cellpadding="0" cellspacing="0" width="60"> <tr> <td width="60"><img src="title1_.jpg" border="0"></td> </tr> </table> </div> </td> <td width="400" align="right" height="14"> <table border="0" cellpadding="0" cellspacing="0" width="61"> <tr> <td width="61"><img src="title2_.jpg" border="0"></td> </tr> </table> </td> </tr> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> <tr> <td width="100"> </td> </tr> </table> </body> </html> Вот как это выглядит визуально: Как видите нижняя граница рамки не стыкуется с текстом. И к тому же граница справа съезжает в сторону, т.е. не ровно расположена по отношению к картинке с закругленной границей. Вот ссылка на скачку страницы с картинками - http://narod.ru/disk/7759584000/%D1%80%D0%...%D0%B8.rar.html Помогите плиззз!!!
  18. call007
    Вставь этот код в то место куда тебе надо: <script language="JavaScript"> <!-- var imagesarr = new Array( "001.jpg", // выбери первую шапку "002.jpg"); // и вторую var commentsarr = new Array( "Alt1", "Alt2"); // --> <!-- var los = Math.floor(Math.random() * imagesarr.length) document.write ("<IMG SRC='"+imagesarr[los]+"' ALT='"+commentsarr[los]+"'>"); // --> </script>
  19. call007
    Все господа, спасибо всем за участие, я нашел проблему: Народный хост внизу страницы автоматом прописывает следующий код: <style> #bn {display:block;} #bt {display:block;} </style> По сути должен выглядеть вот так: <style> #bn, #bt {display:none;} </style> Так вот, чтобы это исправить нужно в <head> добавить: <style> #bn, #bt {display:none !important;} </style>
  20. call007
    А чтобы это точно проверить, нужно выложить страницу на другой сервер и посмотреть что получится... правда регистрироваться на новом хосте весьма проблематично
  21. call007
    Странно, проверял в Mozilla Firefox 2 и Mozilla Firefox 3, на разных ОС, и на всех проявлялся данный казус... Да, еще странно то, что если открыть эту странуцу с жесткого диска, то никакой горизонтальной полосы в Mozilla Firefox и остальных браузерах нету. А загружая ее через интернет, появляется только в Mozilla Firefox. С чем это может быть связанно? Может со стандартной рекламой на сайтах narod (рекламу вроде убрал, но непомогло).
  22. call007
    А Вы через какой браузер смотрели сайт?
  23. call007
    Здравствуйте! Пожалуйста, помогите решить проблему: на html-странице в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки, которой и быть не должно. В Opera загружается все нормально и этой лишней горизонтальной полосы нет. Собственно, нужно избавиться от этой горизонтальной полосы прокрутки. Вот та страница: http://mafia2resurs.narod.ru/new_design1.html
×
×
  • 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

  I accept