برنامه برای ساخت منو فارسی vertically سراغ دارید ؟

S

sodahost

Member
سلام دوستان کسی برنامه ساخت منو فارسی که از سمت راست به چپ باز بشه ( زیر منو هم دارن منو ها )
و ورتیکال هم باشه !
من Sothink DHTML 9 رو دانلود کردم ولی هر کاری می کنم منو ها از سمت چپ به راست باز می شوند
​
 
ninjaghaleb

ninjaghaleb

Member
با سلام:rose:

یک نرم افزار جالب ،پر کاربر ، مفید به نامه .......................... DREAM WEAVER cs3:lol:

این نرم افزار رو ما اینجا ما آموزش می دیم:cool:
 
A

aaan

New Member
من ميخوام اين كار را با دريم ويور انجام بدهم اما نمي ونم چه طور اين كارو بكنم، ميشه اينو ياد بديد؟
 
mrsam.sum

mrsam.sum

New Member
من هم همین مشکل رو دارم کاش یکی یه جواب درست حسابی بده با dreamweaver که نمیشه به همین راحتی منو ساخت تازه اونم راست به چپ... یه ورژن خیلی خیلی قدیمی از sothink اینکارو می کنه که هر چی گشتم نتونستم پیداش کنم ورژن 5 یا 4 باید باشه این عکسش
image-8F7F_4A8B0078.jpg
 
A

aaan

New Member
امیدوارم به دردتون بخوره!

براي اينکه اين منو در سمت راست صفحه قرار گيرد و زيرمنوها به سمت چپ باز شوند، بايد تغييراتي در فايل SpryMenuBarVertical.css که در فایل SpryAssets قرار دارد انجام دهيد.
- اين فايل را با نرم‌افزار Dreamweaver باز کنيد.
- کليدهاي ترکيبي Ctrl+F را فشار دهيد و دنبال عبارت زير بگرديد:
text-align: left;
کلمه left را با right جایگزین کنید.
با اين کار، متن هر آيتم در منوها از سمت راست به چپ درج خواهد شد.
- حالا دنبال عبارت زير بگرديد:
margin: -5% 0 0 95%;
يک علامت - پشت عدد 95 بگذاريد، يعني خواهيد داشت:
margin: -5% 0 0 -95%;​

با اين کار، زيرمنوهاي هر آيتم در سمت چپ منو باز خواهند شد.
- اين بار دنبال عبارت زير بگرديد:
background-position: 95% 50%;
آن را در دو مکان خواهيد يافت، در هر دو مکان، عدد 95 را به 5 تغيير دهيد.
با اين کار، عکس "جهت‌ها" در سمت چپ منوها ديده خواهد شد.
- و در نهايت، دنبال عبارت زير بگرديد:
f\loat: left;
آن را با عبارت زير جايگزين کنيد:
float: right;
- براي اينکه منوي ما به سمت راست صفحه منتقل شود، بايد يک تغيير هم در فايل html مربوط به منوها بدهيم.
بنا بر این در همان فایلی که در مرحله ی اول ایجاد و ذخیره کردید به بخش Code برويد. دقيقاً بعد از تگ <body> کد زير را قرار دهيد:
<div align="right">
و دقيقاً قبل از عبارت <script type="text/javascript"> کد زير را قرار دهيد:
</div>​

 
mrsam.sum

mrsam.sum

New Member
ممنون اما میشه بگین این منو رو از قبل با چی درست کردین ؟
aaan گفت:
امیدوارم به دردتون بخوره!​


براي اينکه اين منو در سمت راست صفحه قرار گيرد و زيرمنوها به سمت چپ باز شوند، بايد تغييراتي در فايل sprymenubarvertical.css که در فایل spryassets قرار دارد انجام دهيد.
- اين فايل را با نرم‌افزار dreamweaver باز کنيد.
- کليدهاي ترکيبي ctrl+f را فشار دهيد و دنبال عبارت زير بگرديد:
text-align: Left;
کلمه left را با right جایگزین کنید.
با اين کار، متن هر آيتم در منوها از سمت راست به چپ درج خواهد شد.
- حالا دنبال عبارت زير بگرديد:
margin: -5&percnt; 0 0 95&percnt;;
يک علامت - پشت عدد 95 بگذاريد، يعني خواهيد داشت:
margin: -5&percnt; 0 0 -95&percnt;;
با اين کار، زيرمنوهاي هر آيتم در سمت چپ منو باز خواهند شد.
- اين بار دنبال عبارت زير بگرديد:
background-position: 95&percnt; 50&percnt;;
آن را در دو مکان خواهيد يافت، در هر دو مکان، عدد 95 را به 5 تغيير دهيد.
با اين کار، عکس "جهت‌ها" در سمت چپ منوها ديده خواهد شد.
- و در نهايت، دنبال عبارت زير بگرديد:
f\loat: Left;
آن را با عبارت زير جايگزين کنيد:
float: Right;
- براي اينکه منوي ما به سمت راست صفحه منتقل شود، بايد يک تغيير هم در فايل html مربوط به منوها بدهيم.
بنا بر این در همان فایلی که در مرحله ی اول ایجاد و ذخیره کردید به بخش code برويد. دقيقاً بعد از تگ <body> کد زير را قرار دهيد:
<div align="right">
و دقيقاً قبل از عبارت <script type="text/javascript"> کد زير را قرار دهيد:
</div>​
کلیک کنید تا باز شود...
 
P

port80

Member
درود..
فکر میکنم منظور دوست خوبمون منوهایی بود که با Sothink DHTML menu ساخته شده..
 
mohan21

mohan21

Member
این هم هست ...

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>

<style>

BODY {TEXT-ALIGN: right; WIDTH: 95%; DIRECTION: ltr; HEIGHT: 100%; COLOR: #17386e; PADDING-TOP: 0px; font-family: Tahoma ; font-size: 10pt}

#open_menu A {
BORDER-BOTTOM: #bbd1d7 1px solid; PADDING-BOTTOM: 4px; MARGIN: 1px; PADDING-LEFT: 4px; WIDTH: 172px; PADDING-RIGHT: 4px; DISPLAY: block; DIRECTION: rtl; COLOR: #7c869a; TEXT-DECORATION: none; PADDING-TOP: 4px
}

#open_menu A:hover {
BORDER-BOTTOM: #bbd1d7 1px solid; BACKGROUND: #e1edf0; COLOR: #c6003c
}

#open_menu UL {
BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 182px; PADDING-RIGHT: 0px; BACKGROUND: #fff; BORDER-TOP: #fff 1px solid; LIST-STYLE-IMAGE: none; BORDER-RIGHT: #fff 1px solid; PADDING-TOP: 0px
}

#open_menu LI {
Z-INDEX: 99; POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fff; PADDING-TOP: 0px
}

#open_menu LI UL {
BORDER-BOTTOM: #bbd1d7 1px solid; POSITION: absolute; BORDER-LEFT: #bbd1d7 1px solid; WIDTH: 182px; DISPLAY: none; BORDER-TOP: #bbd1d7 1px solid; TOP: 0px; right: 182px; BORDER-RIGHT: #bbd1d7 1px solid
}
div.rounded {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:10px;
border:3px solid #f3ddac;
background: #fff3d8;
} 
</style>



<SCRIPT type=text/javascript >
var submenu_started = false ;

function submenu_starter ()
{
if (submenu_started) return false ;

if ( true )
{
var nodes = document.getElementById ('open_menu').getElementsByTagName ('li') ;

for ( var i = 0 ; i < nodes.length ; i++ )
document.getElementById ('open_menu').getElementsByTagName ('li')[i].onmouseover = function () { if (this.getElementsByTagName ('ul')[0]) this.getElementsByTagName ('ul')[0].style.display = 'block' ; }

for ( var i = 0 ; i < nodes.length ; i++ )
document.getElementById ('open_menu').getElementsByTagName ('li')[i].onmouseout = function () { if (this.getElementsByTagName ('ul')[0]) this.getElementsByTagName ('ul')[0].style.display = 'none' ; }
}

submenu_started = true ;
}
</SCRIPT>


</HEAD>

<BODY>

<DIV id="open_menu">

<UL>
<LI class=hascld>
<A href="#">one</A> 
<UL>
<LI><A href="#">1</A></LI>
<LI><A href="#">2</A></LI>
<LI><A href="#">3</A></LI>
</UL>
</LI>

<LI class=hascld>
<A href="#">tow</A> 
<UL>
<LI><A href="#">4</A></LI>
<LI><A href="#">5</A></LI>
<LI><A href="#">6</A></LI>
</UL>
</LI>

<LI class=hascld>
<A href="#">three</A> 
<UL>
<LI><A href="#">7</A></LI>
<LI><A href="#">8</A></LI>
<LI><A href="#">9</A></LI>
</UL>
</LI>
</UL>

</DIV>

<SCRIPT language=javascript> submenu_starter(); </SCRIPT>

</BODY>
</HTML>

برای بلعکس شدن این منو کافیست :

right رو از قسمت open_menu LI UL به left تغییر دهید ...

و همچنین text-align از body ...
 
آخرین ویرایش:
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا