C8 W2 S5

[AliMD]

Subjects

• Sub-menu
• CSS Gradient
• white-space
• Github page
• some other tips

  Top Work

  1. @mghayour
  2. @ehsansh
  3. @mahmoodian

     Home Work

• Continue Kal kal ;)
• Create menu like these links How To Use Background Images, Creative Menu Sample

[AliMD]

belakhare sub-menu tamam shod ! : http://jsbin.com/afazop/3/edit

[AliMD]

CSS Gradient

• https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient
• http://docs.webplatform.org/wiki/css/functions/linear-gradient
• http://css-tricks.com/examples/CSS3Gradient/
• http://lea.verou.me/css3patterns/
• http://www.colorzilla.com/gradient-editor/

[AliMD]

bache ha hamoontor ke goftam home work haro edame bedin

[hbehkamal]

Home Work

CSS Version : angry menu Stylus Version : angry menu

[albertreza]

@hoseinBL karet ye eshkal dare onam ine k agar mous ro zir about mev kenar blog begiri malom mishe.

[hbehkamal]

are midoonam ye tedad bug dare k emrooz dg hosele nadaram 2rostesh konam,ishalla farda moshkelatesho hal mikonam

[albertreza]

salam y moshkeli to codam daram kasi mitone bege chie man k vaghe an hangam http://jsbin.com/edowah/14/edit

[ghost]

@albertreza

nav li li{
  list-style-type: none;
  position: absolute;  
  display: none;

}

nav li menu {
  position: relative;  
}

nav li:hover menu{
  display: block;
}

1. li chera display: none; dareh ?
2. display: none; ro bayad be menu bedi
3. injash dorosteh agar ghabli ha ro dorost kini ! ;)

[hbehkamal]

Chera khalvate in issue???

[akbarzadeamin]

@albertreza mainmenu li a:hover{ width: 200px; font-size: 25px; color: Magenta; background: white;} with: 200px be che dard mikhore? tasiri nadare ke!!

2. #p { text-align: center; } mishe begi in chie? to aslan tag p ya id p nadari ke?

3.in chie to ro khoda??!!!

`nav li li nth-child(.){

}`

[akbarzadeamin]

@albertreza من تونستم تا یه حدی منوتو درست کنم. وقتی کدهاتو نگاه کردم احساس کردم که نمی فهمی داری چی می نویسی. همین جوری شخله رفتی جلو.. کلا لیست رو با منو و با تگ ای قاطی کرده بودی. البته مال من هم ایراد داره. ایرادش اینه که موس رو روی ساب منو ها نمی تونی ببری. تا میای ببری غیب میشه http://jsbin.com/edowah/17/edit

[ehsansh]

Homework

Background image: http://jsbin.com/ucetof/2 ( sabr konid load beshe aksa ) http://jsbin.com/ozefit/7 ( hamun kar ba effect motefavet ) Creative Menu http://jsbin.com/ofejuw/2 Gradients: https://github.com/ehsansh/Homework_html/blob/master/css3_gradient1.html on jsbin: http://jsbin.com/orawil/1/edit https://github.com/ehsansh/Homework_html/blob/master/css3_gradient2.html on jsbin: http://jsbin.com/idofew/1/edit https://github.com/ehsansh/Homework_html/blob/master/css3_gradient3.html on jsbin: http://jsbin.com/alatew/1/edit

[MahdiWD]

Home Work

Menu & Sub-Menu:http://jsbin.com/imawem/3/edit

[akbarzadeamin]

@ehsansh زیباست. نمی شه کاری بکنی که عکس هاش یکدفعه عوض نشه. آروم آروم فید بشه بعد عکس بعدی بیاد. منظورم از آروم آروم اینه که کلا ۰.۲ ثانیه ظول بکشه

[akbarzadeamin]

@qooryani خوشگل (خوشکل) شده. شما می تونی یه کاری کنی که وقتی که منو می خواد برگرده سر جاش، آروم برگرده. الآن یهو تالاپی برمی گرده سرجاش

[ehsansh]

@akbarzadeamin chera mishe ino iejur dige neveshtam http://jsbin.com/ozefit/7

[hbehkamal]

@ehsansh : u mitooni menuye khoshgeltari bnvisi :D

[ehsansh]

@hoseinBL chetor? iani in ghashang nashode?

[hbehkamal]

@ehsansh in faghat ye background image sadast,kheyli karayekhafan tari mittoni bsazi...

[ehsansh]

khob mozo dars background image hast nemitunam ba aks kare khafan besazam ....hala kara badi k aks nadare khafan misazam :)

[akbarzadeamin]

@ehsansh : hala shod man kod hato negah kardam. ye seri chiza ezafe neveshte boodi: nav menu.main{ list-style-type: none; .main ro mishe bardari. ezafast z-index: 3; in be che dard mikhore? chera img ro display esho block kardi?(irad nist. soaliye ke khodam daram) vaghti pakesh mikonam farghi nemikone. in aksash kheyli aziat mikone. soratesh lamassab paeene. jsbin ham ghati kardesh.

[hbehkamal]

kal kale stylus

angry Menu(Stylus)

:flags: parcham balast :D

[akbarzadeamin]

@hoseinBL: in ke hanooz moshkele ghabli ro dare. hamoon ke @albertreza goft.

[hbehkamal]

ras migi asan yadam nabood moshkelesho hal konam. alan 2rostesh mikonam, mamnun k yadavri kardi.

[lastshepherd]

http://jsbin.com/aluroj/3/edit

Be Vasat Chin Shodan Niazmandim

[akbarzadeamin]

@lastshepherd: این چیه جون ما؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟!!!!!!!!!!!!!!!!!!!!!!!

[lastshepherd]

@akbarzadeamin aziz in soalo bane ad dotanike tavanaeaye elmi baraye pasokhgoea be solaro daran porsidam. Shoma ziad sakht nagir.

[lastshepherd]

In Cheshe? http://jsbin.com/aluroj/4/edit

[akbarzadeamin]

all student exept lastshepherd:

تو رو خدا شما بگین این چیه؟ اصلا آیا توانایی علمی می خواد که پاسخ بدم. برو داداش به جای مسخره کردن یکم کار کن http://jsbin.com/aluroj/3/edit

[akbarzadeamin]

@lastshepherd: nega dadash. aval bayad ye float az chap be li bedi ke mishe in: http://jsbin.com/aluroj/8/edit vay vay vay vay!!!!! Home Product Download Contect About Us inaha bayad beyne tag baz va tag baste gharar begiran va ella link nemishan. bad az raf kardane in moshkel, menu tabdil be in mishe (albate ye padding 20px ham beheshon dadam): http://jsbin.com/aluroj/9/edit hala be in migan yek menuye sade. dige mitooni kheyli kara bahesh bokoni. masalan mouse raft rooye menu, menu yekam bozorg she va rangesh avaz she mesle in: http://jsbin.com/aluroj/10/edit

[ehsansh]

@akbarzadeamin
menu.main lazeme chon masalan mikhaim submenu dashte bashim va faghat b menuie asli left margin bedim khob main nazarim b hame menuha margin dade mishe un z-index ham vase ine k neveshteha biad roo dide beshan ....display block iadam raft bardaram male ie kare digas

[ehsansh]

@hoseinBL afarin ghashang shode faghat in chejur cssie? pishrafte shoida :D

[Mahmoodian]

Home Work :star: :star: :star:

Menu + SubMenu

Kal Kal dar rah ast ... montazer bashin :D

[ehsansh]

@Mahmoodian un blur chejuri kar mikone k hame tar mishan uni k hover mishe tar nemishe?

[akbarzadeamin]

@Mahmoodian: کدوم قسمت کدهات باعث می شه که اونی که موس می ره روش تار نشه ولی بقیه بشه؟

[ghost]

Home Work (Not be kal kal !)

http://jsbin.com/alakin/3

[akbarzadeamin]

@mghayour: معرکه است. تو دیگه کی هستی بابا. فکر نمی کردم با سی اس اس بشه همچین چیزی ساخت

[akbarzadeamin]

home work:

http://jsbin.com/uheyid/7/edit

[AliMD]

Next : C8 W2 S6