Движещо се меню с images!?

Frik · 26 Ноември 2007

Някой може ли да ми напише това меню с картинките: http://www.tbm2.net/site/p/home? Представа си нямам как да стане а много ми трябва подобно меню... :roll:

akolevutd · 26 Ноември 2007

Ето ти кода на менюто

Код:

<div id="ajaxmenu">

		  <div id="kwick">
			<ul class="kwicks">
<li class="kwick opt1"><a href="/estates/sales" title="Продажби"><span>Продажби</span></a></li>
				<li class="kwick opt2"><a href="/estates/rents" title="Наеми"><span>Наеми</span></a></li>
				<li class="kwick opt3"><a href="/site/p/credits" title="Кредити"><span>Кредити</span></a></li>

				<li class="kwick opt4"><a href="/site/p/wannabuy" title="Искам да купя имот"><span>Искам да купя имот</span></a></li>
				<li class="kwick opt5"><a href="http://blog.tbm2.net/" title="Блог"><span>Блог</span></a></li>
				<li class="kwick opt6"><a href="/site/p/whywithus" title="Защо с нас"><span>Защо с нас</span></a></li>
				<li class="kwick opt7"><a href="/site/p/management" title="Управление на имоти"><span>Управление на имоти</span></a></li>
				<li class="kwick opt8"><a href="/contacts" title="За контакти"><span>За контакти</span></a></li>
			</ul>

</div>

		<script type="text/javascript">
			window.addEvent("load",function() {
				var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:197,transition:Fx.Transitions.bounceOut});
			});
		</script>
</div>

вече му търси сорса из css/ayax

MontefuckeR · 26 Ноември 2007

това ти е цсс файла:

Код:

<link rel="stylesheet" href="http://www.tbm2.net/apps/axisvista/assets/css/main.css" type="text/css"/>
<link href="/apps/axisvista/assets/site/styles.css" rel="stylesheet" type="text/css"/>
<link href="/apps/axisvista/assets/site/menu/imageMenu.css" rel="stylesheet" type="text/css"/>
<!-- <link href="/apps/axisvista/assets/site/imageMen.css" rel="stylesheet" type="text/css">

слагаш го пак в индекса

това е скрипта:
http://www.tbm2.net/apps/axisvista/assets/site/newsPanel.js
http://www.tbm2.net//apps/axisvista/assets/site/menu/imageMenu.js
после в главния файл (индекс.хтмл)
правиш така:
<script type="text/javascript" src="адреса до скрипта.жс"
бележка: ако файла (джава скрипта) и (индекс.хтмл) са в една папка за "адрес до скрипта.жс" пишеш името на скрипта в случея "imageMenu.js"
това ти е формата за изкарване на снимките:

Код:

<div id="ajaxmenu">

		  <div id="kwick">
			<ul class="kwicks">
<li class="kwick opt1"><a href="/estates/sales" title="Продажби"><span>Продажби</span></a></li>
				<li class="kwick opt2"><a href="/estates/rents" title="Наеми"><span>Наеми</span></a></li>
				<li class="kwick opt3"><a href="/site/p/credits" title="Кредити"><span>Кредити</span></a></li>
				<li class="kwick opt4"><a href="/site/p/wannabuy" title="Искам да купя имот"><span>Искам да купя имот</span></a></li>
				<li class="kwick opt5"><a href="http://blog.tbm2.net/" title="Блог"><span>Блог</span></a></li>
				<li class="kwick opt6"><a href="/site/p/whywithus" title="Защо с нас"><span>Защо с нас</span></a></li>
				<li class="kwick opt7"><a href="/site/p/management" title="Управление на имоти"><span>Управление на имоти</span></a></li>
				<li class="kwick opt8"><a href="/contacts" title="За контакти"><span>За контакти</span></a></li>
			</ul>
</div>

		<script type="text/javascript">
			window.addEvent("load",function() {
				var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:197,transition:Fx.Transitions.bounceOut});
			});
		</script>
</div>


<div id="oao">

<div id="leftbox">

    <div class="bar"> <h3>Последни новини</h3> </div>
<div id="newsPanelContainer" class="loading">
	<h2><a id="newsTitle" style="text-decoration:none;color: #AE0000;padding-left:0px;" href="javascript:;"></a></h2>
	
	<div id="newsContent"></div>
    <a id="newsLink" style="text-decoration:none;color: #AE0000;padding-left:0px;" href="javascript:;" class="rmore">цялата новина</a>
</div>
	<div class="buttons" id="newsNavigator">
</div>
<script type="text/javascript">
window.addEvent("domready",function() {
	dsNews = new Array();
dsNews.push({
	"id":"2",
	"short_desc":"<img align=\"bottom\" alt=\" \" height=\"188\" src=\"/apps/axisvista/uploads/assets/Image/novini(1).jpg\" width=\"280\" /><br />На 13 Октомври 2007 г, събота, в 13:13 ч. беше открит официално и осветен офис № 13, в който работи и приема клиенти Агенция за недвижими имоти ТБМ2.",
	"title":"Официално откриване"
});
dsNews.push({
	"id":"8",
	"short_desc":"<img alt=\" \" height=\"150\" src=\"/apps/axisvista/uploads/assets/Image/1.jpg\" width=\"200\" /><br />На 1 януари всичко ще си е същото така, както в петък е датата 1 декември. Да, на 1 януари официално страната ни ще бъде приета в европейската общност, но какво друго ще се случи на първи януари с цените на имотите?",
	"title":"Какво да очакваме след 1 януари за цените на имотите"
});
dsNews.push({
	"id":"9",
	"short_desc":"<img alt=\" \" height=\"101\" src=\"/apps/axisvista/uploads/assets/Image/auto2.jpg\" width=\"135\" /><br />Когато чуем за ново строителство правим директен аналог с монолитното строителство, но днес темата е свързана със Сглобяемите къщи бавно набират популярност основно сред по-младите българи.",
	"title":"Не подценявайте сглобяемите къщи"
});
dsNews.push({
	"id":"6",
	"short_desc":"<img alt=\" \" height=\"150\" src=\"/apps/axisvista/uploads/assets/Image/photo_big_2606.jpg\" width=\"200\" /><br />Вече сте си избрали недвижим имот, но не разполагате с никакви средства за да го имате. Веднага се сещате за кредитите рекламирани шумно от повечето банки и вземате решение да изтеглите ипотечен кредит вместо да плащате наем на някой самодоволен хазяин.",
	"title":"Уловки в договорите за ипотечни кредити"
});
dsNews.push({
	"id":"7",
	"short_desc":"<img alt=\" \" height=\"187\" src=\"/apps/axisvista/uploads/assets/Image/photo.jpg\" width=\"280\" /><br />Кредити със срок на изплащане 25 г. за панелни апартаменти напълно обезсмислят инвестицията на кредитополучателя. До момента на неговото изплащане, жилището вече ще е надхвърлило 50 г.",
	"title":"Кредит за панелно жилище е неоправдана инвестиция"
});
	
	window.newsPanel = new newsPanel(dsNews);
});
</script>

променяш снимките с твойте в кода.
Ако си направил всичко както трябва ще имаш същото меню.

Frik · 26 Ноември 2007

Това го слагам където изкам да ми се показва менюто, нали така?

Код:

<div id="ajaxmenu">

        <div id="kwick">
         <ul class="kwicks">
<li class="kwick opt1"><a href="/estates/sales" title="Продажби"><span>Продажби</span></a></li>
            <li class="kwick opt2"><a href="/estates/rents" title="Наеми"><span>Наеми</span></a></li>
            <li class="kwick opt3"><a href="/site/p/credits" title="Кредити"><span>Кредити</span></a></li>

            <li class="kwick opt4"><a href="/site/p/wannabuy" title="Искам да купя имот"><span>Искам да купя имот</span></a></li>
            <li class="kwick opt5"><a href="http://blog.tbm2.net/" title="Блог"><span>Блог</span></a></li>
            <li class="kwick opt6"><a href="/site/p/whywithus" title="Защо с нас"><span>Защо с нас</span></a></li>
            <li class="kwick opt7"><a href="/site/p/management" title="Управление на имоти"><span>Управление на имоти</span></a></li>
            <li class="kwick opt8"><a href="/contacts" title="За контакти"><span>За контакти</span></a></li>
         </ul>

</div>

      <script type="text/javascript">
         window.addEvent("load",function() {
            var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:197,transition:Fx.Transitions.bounceOut});
         });
      </script>
</div>

А къде слагам пътя до .js и къде променям пътя до мойте снимки?
:roll:

MontefuckeR · 26 Ноември 2007

MontefuckeR каза:
това ти е цсс файла:

Код:

<link rel="stylesheet" href="http://www.tbm2.net/apps/axisvista/assets/css/main.css" type="text/css"/> <link href="/apps/axisvista/assets/site/styles.css" rel="stylesheet" type="text/css"/> <link href="/apps/axisvista/assets/site/menu/imageMenu.css" rel="stylesheet" type="text/css"/> <!-- <link href="/apps/axisvista/assets/site/imageMen.css" rel="stylesheet" type="text/css">

слагаш го пак в индекса

това е скрипта:
http://www.tbm2.net/apps/axisvista/assets/site/newsPanel.js
http://www.tbm2.net//apps/axisvista/assets/site/menu/imageMenu.js
после в главния файл (индекс.хтмл)
правиш така:
<script type="text/javascript" src="адреса до скрипта.жс"
бележка: ако файла (джава скрипта) и (индекс.хтмл) са в една папка за "адрес до скрипта.жс" пишеш името на скрипта в случея "imageMenu.js"
това ти е формата за изкарване на снимките:

<div id="ajaxmenu">

<div id="kwick">
<ul class="kwicks">
<li class="kwick opt1"><a href="/estates/sales" title="Продажби"><span>Продажби</span></a></li>
<li class="kwick opt2"><a href="/estates/rents" title="Наеми"><span>Наеми</span></a></li>
<li class="kwick opt3"><a href="/site/p/credits" title="Кредити"><span>Кредити</span></a></li>
<li class="kwick opt4"><a href="/site/p/wannabuy" title="Искам да купя имот"><span>Искам да купя имот</span></a></li>
<li class="kwick opt5"><a href="http://blog.tbm2.net/" title="Блог"><span>Блог</span></a></li>
<li class="kwick opt6"><a href="/site/p/whywithus" title="Защо с нас"><span>Защо с нас</span></a></li>
<li class="kwick opt7"><a href="/site/p/management" title="Управление на имоти"><span>Управление на имоти</span></a></li>
<li class="kwick opt8"><a href="/contacts" title="За контакти"><span>За контакти</span></a></li>
</ul>
</div>

<script type="text/javascript">
window.addEvent("load",function() {
var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:197,transition:Fx.Transitions.bounceOut});
});
</script>
</div>

<div id="oao">

<div id="leftbox">

<div class="bar"> <h3>Последни новини</h3> </div>
<div id="newsPanelContainer" class="loading">
<h2><a id="newsTitle" style="text-decoration:none;color: #AE0000;padding-left:0px;" href="javascript:;"></a></h2>

<div id="newsContent"></div>
<a id="newsLink" style="text-decoration:none;color: #AE0000;padding-left:0px;" href="javascript:;" class="rmore">цялата новина</a>
</div>
<div class="buttons" id="newsNavigator">
</div>
<script type="text/javascript">
window.addEvent("domready",function() {
dsNews = new Array();
dsNews.push({
"id":"2",
"short_desc":"<img align="bottom" alt=" " height="188" src="/apps/axisvista/uploads/assets/Image/novini(1).jpg" width="280" /><br />На 13 Октомври 2007 г, събота, в 13:13 ч. беше открит официално и осветен офис № 13, в който работи и приема клиенти Агенция за недвижими имоти ТБМ2.",
"title":"Официално откриване"
});
dsNews.push({
"id":"8",
"short_desc":"<img alt=" " height="150" src="/apps/axisvista/uploads/assets/Image/1.jpg" width="200" /><br />На 1 януари всичко ще си е същото така, както в петък е датата 1 декември. Да, на 1 януари официално страната ни ще бъде приета в европейската общност, но какво друго ще се случи на първи януари с цените на имотите?",
"title":"Какво да очакваме след 1 януари за цените на имотите"
});
dsNews.push({
"id":"9",
"short_desc":"<img alt=" " height="101" src="/apps/axisvista/uploads/assets/Image/auto2.jpg" width="135" /><br />Когато чуем за ново строителство правим директен аналог с монолитното строителство, но днес темата е свързана със Сглобяемите къщи бавно набират популярност основно сред по-младите българи.",
"title":"Не подценявайте сглобяемите къщи"
});
dsNews.push({
"id":"6",
"short_desc":"<img alt=" " height="150" src=" /apps/axisvista/uploads/assets/Image/photo_big_2606.jpg " width="200" /><br />Вече сте си избрали недвижим имот, но не разполагате с никакви средства за да го имате. Веднага се сещате за кредитите рекламирани шумно от повечето банки и вземате решение да изтеглите ипотечен кредит вместо да плащате наем на някой самодоволен хазяин.",
"title":"Уловки в договорите за ипотечни кредити"
});
dsNews.push({
"id":"7",
"short_desc":"<img alt=" " height="187" src=" /apps/axisvista/uploads/assets/Image/photo.jpg " width="280" /><br />Кредити със срок на изплащане 25 г. за панелни апартаменти напълно обезсмислят инвестицията на кредитополучателя. До момента на неговото изплащане, жилището вече ще е надхвърлило 50 г.",
"title":"Кредит за панелно жилище е неоправдана инвестиция"
});

window.newsPanel = new newsPanel(dsNews);
});
</script>

Увеличете...

променяш снимките с твойте в кода.
Ако си направил всичко както трябва ще имаш същото меню.

.js го слагаш там дето са ти файловете (индекс.хтмл..)
това в червено е пътя до снимката заменяш само това дето съм го оградил в червено нищо друго!

Frik · 26 Ноември 2007

Снимките които си ми посочил са от панела с новините, аз ти говоря за менюто... :roll:

thunderstorm · 28 Ноември 2007

ето > http://www.cssplay.co.uk/menus/tabmenu2.html

Мисля, че това ще свърши работа :wink:

Движещо се меню с images!?

Frik

Registered

akolevutd

Registered

MontefuckeR

Registered

Frik

Registered

MontefuckeR

Registered

Frik

Registered

thunderstorm

Registered