ایجاد مگا منو در وب سایت با اسکریپت TT Menu

اختصاصی از یارا فایل ایجاد مگا منو در وب سایت با اسکریپت TT Menu دانلود با لینک مستقیم و پرسرعت .

اد مگا منو در وب سایت با اسکریپت TT MenuReviewed by M.J on Sep 4Rating: 5.0 ایجاد مگا منو در وب سایت با اسکریپت TT MenuTT Menu نام یک اسکریپت CSS و HTML و جی کوئری می باشد که به وسیله آن قادر هستید براحتی اقدام به ایجاد یک مگا منوی عمودی یا افقی در وب سایت ها و قالب های خود کنید. این اسکریپت که با استفاده از فریمورک Bootstrap پیاده سازی شده شما را قادر می سازد تا به سادگی اقدام به شخصی سازی و تغییرات در آن کنید. قابلیت های کلی آن را نام می بریم.

TT Menu نام یک اسکریپت CSS و HTML و جی کوئری می باشد که به وسیله آن قادر هستید براحتی اقدام به ایجاد یک مگا منوی عمودی یا افقی در وب سایت ها و قالب های خود کنید. این اسکریپت که با استفاده از فریمورک Bootstrap پیاده سازی شده شما را قادر می سازد تا به سادگی اقدام به شخصی سازی و تغییرات در آن کنید. قابلیت های کلی آن را نام می بریم.

• قابلیت ساخت منو های عمودی و افقی
• ساخت زیر منو تا سه سطح
• پشتیبانی از مگا منو
• پشتیبانی از ویدئو در منو ها
• و…

مگا منو دیجی کالا

اختصاصی از یارا فایل مگا منو دیجی کالا دانلود با لینک مستقیم و پرسرعت .

مگا منو Ubermenu 

 

ساخت منو مشابه منوی دیجیکالا

UberMenu یک افزونه منو ساز فوق پیشرفته وردپرس به سبک مگا منو است که کار منو سازی سایت وردپرسی شما را به بهترین شکل ممکن انجام می دهد.از ویژگی های این افزونه وردپرسی می توان به قابلیت سفارشی سازی کامل,ریسپانسیو صد در صد ,سرعت لود بالا, پنل فوق پیشرفته اشاره کرد.هم اکنون می توانید این افزونه پرفروش وردپرس را در ادامه مطلب از سایت بزرگ بیست اسکریپت دریافت نمایید.

این افزونه در سایت اصلی با قیمتی بیش از 100هزارتومان به فروش می رسد

آموزش طراحی منو افقی برای وردپرس

اختصاصی از یارا فایل آموزش طراحی منو افقی برای وردپرس دانلود با لینک مستقیم و پرسرعت .

آموزش طراحی منو افقی برای وردپرسReviewed by جواد on Nov 27Rating: 5.0آموزش طراحی منو افقی برای وردپرسدر این آموزش قصد طراحی منو افقی وردپرس را با html5 و css3 داریم.طراحی این منو به این صورت می باشد که ابتدا با استفاده از تگ های html جایگاه و آیتم های منو را ایجاد کرده و سپس با استفاده از css استایل و رنگ بندی های مورد نیاز را بر روی این منو اعمال می کنیم.

در این آموزش قصد طراحی منو افقی وردپرس را با  html5 و css3 داریم.طراحی این منو به این صورت می باشد که ابتدا با استفاده از تگ های html جایگاه و آیتم های منو را ایجاد کرده و سپس با استفاده از css استایل و رنگ بندی های مورد نیاز را بر روی این منو اعمال می کنیم.

برای زیبا تر شدن و خوانا شدن متن آیتم های منو, از فونت BKoodakBold استفاده می کنیم.این فونت را با استفاده از خاصیت font-face درون css3 فراخوانی می کنیم.در انتهای آموزش فایل فونت ها را می توانید دانلود کنید که اگر بخواهید از این فونت استفاده کنید بایستی پوشه فونت را هم درون پروژه خود قرار دهید.

شروع کار:

ابتدا کدهای مربوط به html را درون بدنه صفحه خود قرار دهید.برای طراحی منو علاوه بر تگ های div از تگ nav هم استفاده شده است که این خصوصیت مربوط به html5 می باشد.درون تگ ul=clearfix هم تابع فراخوانی موضوعات وردپرس را قرار می دهیم.

نکته :اگر بخواهید این منو را برای سایت هایی غیر از وردپرس استفاده کنید تنها کافی است به جای تابع موضوعات وردپرس تگ های li قرار دهید.

<div id="nav-wrapper"><br /> <nav><br /> <ul><br /> <?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1'); ?><br /> </ul><br /> </nav><br /> <div id="back-menu"></div><br /> </div><br /> در بخش css ابتدا فونت هایی که در پوشه Fonts داریم را با دستور font-face فراخوانی می کنیم.بنده در این جا دو نوع فونت را فراخوانی می کنیم که هر کدام یک را که مد نظر داشتید برای منو خود انتخاب کنید.<br /> <br /> @font-face {<br /> font-family:'BYekan';<br /> src: url('Fonts/BYekan.eot?#') format('eot'),<br /> url('Fonts/BYekan.woff') format('woff'),<br /> url('Fonts/BYekan.ttf') format('truetype');<br /> }<br /> @font-face {<br /> font-family:'BKoodakBold';<br /> src: url('Fonts/BKoodakBold.eot?#') format('eot'),<br /> url('Fonts/BKoodakBold.woff') format('woff'),<br /> url('Fonts/BKoodakBold.ttf') format('truetype');<br /> }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

    <div id="nav-wrapper">

    <nav>

    <ul>

    <?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1'); ?>

    </ul>

    </nav>

    <div id="back-menu"></div>

    </div>

    در بخش css ابتدا فونت هایی که در پوشه Fonts داریم را با دستور font-face فراخوانی می کنیم.بنده در این جا دو نوع فونت را فراخوانی می کنیم که هر کدام یک را که مد نظر داشتید برای منو خود انتخاب کنید.

 

    @font-face {

    font-family:'BYekan';

    src: url('Fonts/BYekan.eot?#') format('eot'),

    url('Fonts/BYekan.woff') format('woff'),

    url('Fonts/BYekan.ttf') format('truetype');

    }

    @font-face {

    font-family:'BKoodakBold';

    src: url('Fonts/BKoodakBold.eot?#') format('eot'),

    url('Fonts/BKoodakBold.woff') format('woff'),

    url('Fonts/BKoodakBold.ttf') format('truetype');

    }

بقیه دستورات css منو:

در کدهای css این منو از gradient یا (تدارج رنگ) و transition یا (فاصله زمانی) استفاده شده است و چون ممکن است بعضی از مرورگر های قدیمی از این ویژگی ها پشتیبانی نکنند,ما برای هر مرورگر این کد مربوط به آن را قرار دادیم,پس برای همین حجم کدها زیاد شده است.

هنگامی که شما برای زیر منو ها هم ,زیر منو قرار دهید به صورت زیر نمایش داده می شوند:

#nav-wrapper<br /> {<br /> position: relative;<br /> z-index: 10;<br /> }<br /> #nav-wrapper nav<br /> {<br /> width: 100%;<br /> margin: 0 auto;<br /> position: relative;<br /> background:#cccaca;<br /> }<br /> #nav-wrapper nav ul<br /> {<br /> margin-right:1em;<br /> width:100%;<br /> float:right;<br /> }<br /> #nav-wrapper nav section li<br /> {<br /> float: left;<br /> }<br /> #nav-wrapper nav section ul<br /> {<br /> margin: 0 0 0 1em;<br /> width: 220px;<br /> float: left;<br /> }<br /> #nav-wrapper nav li<br /> {<br /> float: right;<br /> padding: 0 0 0 5px;<br /> list-style:none;<br /> }<br /> #nav-wrapper nav li a<br /> {<br /> display: block;<br /> text-decoration:none;<br /> font-family:'BKoodakBold';<br /> font-size:12px;<br /> padding: 5px 5px 7px;<br /> color: #4C4C4C; background: #eee;<br /> -moz-border-radius: 5px 5px 0 0;<br /> /* FF1+ */ -webkit-border-radius: 5px 5px 0 0;<br /> /* Saf3-4, iOS 1+, Android 1.5+ */<br /> -webkit-border-top-left-radius: 5px;<br /> -webkit-border-top-right-radius: 5px;<br /> border-radius: 5px 5px 0 0; /* Opera 10.5, IE9, Saf5, Chrome */ background-color: #eee; background-image: -moz-linear-gradient(top, #eee, #eee, #eee, #eee, #eee, #D4D4D4); /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(0.8, #EEEEEE), color-stop(1, #D4D4D4)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#eee, #eee, #eee, #D4D4D4); /* Chrome 10+, Saf6 */ background-image: linear-gradient(top, #eee, #eee, #eee, #D4D4D4); -moz-transition: all 0.5s ease-out; /* FF3.7+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;<br /> }<br /> #nav-wrapper nav li a:hover<br /> {<br /> background:#fada86;<br /> }<br /> #nav-wrapper nav li ul<br /> {<br /> padding: 5px 6px 6px;<br /> position: absolute;<br /> margin: 0; right: 0;<br /> width: 950px; top: -999em;<br /> z-index: 11; font-size:14px;<br /> }<br /> #nav-wrapper nav li:hover ul, .nav-hover<br /> {<br /> top: 25px;<br /> }<br /> #nav-wrapper nav li ul li<br /> {<br /> float: right;<br /> margin: 0; position:<br /> relative; padding: 7px 0;<br /> }<br /> #nav-wrapper nav li ul li a<br /> {<br /> padding: 3px 8px 4px;<br /> background: transparent;<br /> line-height: 1.3;<br /> border: 1px solid transparent;<br /> font-size: 0.92em;<br /> -moz-transition: none; /* FF3.7+ */<br /> -o-transition: 0; /* Opera 10.5 */<br /> -webkit-transition: 0; /* Saf3.2+, Chrome */<br /> transition: 0;<br /> }<br /> #nav-wrapper nav li ul li a:hover<br /> {<br /> background : #e5ad03;<br /> color:#666;<br /> box-shadow: 1.5px 1.5px 5px #cd9b03 inset;<br /> border-radius:5px; <br /> }<br /> #nav-wrapper nav li ul li ul<br /> {<br /> position: absolute;<br /> z-index: 12;<br /> right: 0;<br /> width: 9em;<br /> background: #E8E8E8;<br /> background: rgba(232, 232, 232, 0.9);<br /> padding: 5px;<br /> -moz-box-shadow: 0 3px 7px #727272; /* FF3.5+ */<br /> -webkit-box-shadow: 0 3px 7px #727272; /* Saf3.0+, Chrome */<br /> box-shadow: 0 3px 7px #727272; /* Opera 10.5, IE9 */<br /> top: -999em;<br /> -moz-border-radius: 0 0 6px 6px; /* FF1+ */ -webkit-border-bottom-left-radius: 6px;<br /> -webkit-border-bottom-right-radius: 6px; -webkit-border-radius: 0 0 6px 6px; /* Saf3-4, iOS 1+, Android 1.5+ */<br /> border-radius: 0 0 6px 6px; /* Opera 10.5, IE9, Saf5, Chrome */ border: 1px solid #B5B5B5; border-top: none;<br /> }<br /> <br /> #nav-wrapper nav li:hover ul li ul<br /> {<br /> top: -999em; z-index: 1000000;<br /> }<br /> #nav-wrapper nav li ul li:hover ul, #nav-wrapper nav li ul li ul.nav-hover2 { top:40px;<br /> }<br /> #nav-wrapper nav li ul li ul li { float: none; padding: 0; z-index: 1000000; }<br /> #nav-wrapper nav li ul li ul li a { text-align: right; margin: 0 -5px; font-size: 0.9em; z-index: 1000000; }<br /> #nav-wrapper nav li ul li ul li.hide<br /> {<br /> display: none;<br /> }<br /> #back-menu<br /> {<br /> clear: both; height: 48px;<br /> background:url(images/bg-mainmenu.png);<br /> }<br /> #nav-wrapper div.a<br /> {<br /> clear: both;<br /> height: 48px;<br /> background:url(images/bg-mainmenu.png);<br /> -moz-box-shadow: 0 9px 5px -5px #999; /* FF3.5+ */<br /> -webkit-box-shadow: 0 9px 5px -5px #999;<br /> /* Saf3.0+, Chrome */<br /> box-shadow: 0 9px 5px -5px #999; /* Opera 10.5, IE9 */<br /> }<br /> .clearfix:after<br /> {<br /> content: ".";<br /> display: block;<br /> clear: both;<br /> visibility: hidden;<br /> height: 0;<br /> }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

    #nav-wrapper

    {

    position: relative;

    z-index: 10;

    }

    #nav-wrapper nav

    {

    width: 100%;

    margin: 0 auto;

    position: relative;

    background:#cccaca;

    }

    #nav-wrapper nav ul

    {

    margin-right:1em;

    width:100%;

    float:right;

    }

    #nav-wrapper nav section li

    {

    float: left;

    }

    #nav-wrapper nav section ul

    {

    margin: 0 0 0 1em;

    width: 220px;

    float: left;

    }

    #nav-wrapper nav li

    {

    float: right;

    padding: 0 0 0 5px;

    list-style:none;

    }

    #nav-wrapper nav li a

    {

    display: block;

    text-decoration:none;

    font-family:'BKoodakBold';

    font-size:12px;

    padding: 5px 5px 7px;

    color: #4C4C4C; background: #eee;

    -moz-border-radius: 5px 5px 0 0;

    /* FF1+ */ -webkit-border-radius: 5px 5px 0 0;

    /* Saf3-4, iOS 1+, Android 1.5+ */

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    border-radius: 5px 5px 0 0; /* Opera 10.5, IE9, Saf5, Chrome */ background-color: #eee; background-image: -moz-linear-gradient(top, #eee, #eee, #eee, #eee, #eee, #D4D4D4); /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(0.8, #EEEEEE), color-stop(1, #D4D4D4)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#eee, #eee, #eee, #D4D4D4); /* Chrome 10+, Saf6 */ background-image: linear-gradient(top, #eee, #eee, #eee, #D4D4D4); -moz-transition: all 0.5s ease-out; /* FF3.7+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;

    }

    #nav-wrapper nav li a:hover

    {

    background:#fada86;

    }

    #nav-wrapper nav li ul

    {

    padding: 5px 6px 6px;

    position: absolute;

    margin: 0; right: 0;

    width: 950px; top: -999em;

    z-index: 11; font-size:14px;

    }

    #nav-wrapper nav li:hover ul, .nav-hover

    {

    top: 25px;

    }

    #nav-wrapper nav li ul li

    {

    float: right;

    margin: 0; position:

    relative; padding: 7px 0;

    }

    #nav-wrapper nav li ul li a

    {

    padding: 3px 8px 4px;

    background: transparent;

    line-height: 1.3;

    border: 1px solid transparent;

    font-size: 0.92em;

    -moz-transition: none; /* FF3.7+ */

    -o-transition: 0; /* Opera 10.5 */

    -webkit-transition: 0; /* Saf3.2+, Chrome */

    transition: 0;

    }

    #nav-wrapper nav li ul li a:hover

    {

    background : #e5ad03;

    color:#666;

    box-shadow: 1.5px 1.5px 5px #cd9b03 inset;

    border-radius:5px;

    }

    #nav-wrapper nav li ul li ul

    {

    position: absolute;

    z-index: 12;

    right: 0;

    width: 9em;

    background: #E8E8E8;

    background: rgba(232, 232, 232, 0.9);

    padding: 5px;

    -moz-box-shadow: 0 3px 7px #727272; /* FF3.5+ */

    -webkit-box-shadow: 0 3px 7px #727272; /* Saf3.0+, Chrome */

    box-shadow: 0 3px 7px #727272; /* Opera 10.5, IE9 */

    top: -999em;

    -moz-border-radius: 0 0 6px 6px; /* FF1+ */ -webkit-border-bottom-left-radius: 6px;

    -webkit-border-bottom-right-radius: 6px; -webkit-border-radius: 0 0 6px 6px; /* Saf3-4, iOS 1+, Android 1.5+ */

    border-radius: 0 0 6px 6px; /* Opera 10.5, IE9, Saf5, Chrome */ border: 1px solid #B5B5B5; border-top: none;

    }

 

    #nav-wrapper nav li:hover ul li ul

    {

    top: -999em; z-index: 1000000;

    }

    #nav-wrapper nav li ul li:hover ul, #nav-wrapper nav li ul li ul.nav-hover2 { top:40px;

    }

    #nav-wrapper nav li ul li ul li { float: none; padding: 0; z-index: 1000000; }

    #nav-wrapper nav li ul li ul li a { text-align: right; margin: 0 -5px; font-size: 0.9em; z-index: 1000000; }

    #nav-wrapper nav li ul li ul li.hide

    {

    display: none;

    }

    #back-menu

    {

    clear: both; height: 48px;

    background:url(images/bg-mainmenu.png);

    }

    #nav-wrapper div.a

    {

    clear: both;

    height: 48px;

    background:url(images/bg-mainmenu.png);

    -moz-box-shadow: 0 9px 5px -5px #999; /* FF3.5+ */

    -webkit-box-shadow: 0 9px 5px -5px #999;

    /* Saf3.0+, Chrome */

    box-shadow: 0 9px 5px -5px #999; /* Opera 10.5, IE9 */

    }

    .clearfix:after

    {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    height: 0;

    }

اضافه کردن منو ریکاوری به گوشیHTC DESIRE GOLF

اختصاصی از یارا فایل اضافه کردن منو ریکاوری به گوشیHTC DESIRE GOLF دانلود با لینک مستقیم و پرسرعت .

نرم افزار های اضافه کردن منو ریکاوری به گوشی htc desire golf

آموزش حل مشکل گیر کردن در منو ریکاوری و ارم نوکیا nokia xrm 980

اختصاصی از یارا فایل آموزش حل مشکل گیر کردن در منو ریکاوری و ارم نوکیا nokia xrm 980 دانلود با لینک مستقیم و پرسرعت .

موضوع :

آموزش حل مشکل گیر کردن در منو ریکاوری و ارم نوکیا x

این فایل حاوی فرایند آموزش حل مشکل گیر کردن در منو ریکاوری و ارم نوکیا rm980- x و همچنین فایل آپلود شده (nokia x_RM980) و در ضمن فایل تست شده می باشد