search

AliMD / 1Tuts

:+1: Web Design Technology Tutorials
http://ali.md/tuts
62 stars 41 forks source link

C8 W2 S4 #450

Closed AliMD closed 11 years ago

AliMD commented 11 years ago

Subjects

AliMD commented 11 years ago

Tips

  1. madar height bachehaye float dar ro nemigire
  2. width : auto be manaye bishtarin arz momkene
  3. width : 100% be manaye 100% arz babashe !
  4. olaviyat (zoor) width : auto bishtar az margin : auto
  5. height : auto be manaye kamtarin ertefaye momkene
  6. width : auto; float : left be manaye kamtarin arz momkene vali ertefaye bache haye float dar ro migire !

baraye hal moshkel 1 az ye .badboy ya :after estefade mikonim yek div bad az bache haye float dar (be onvarte baradar)

.badboy {
  width  : 0;
  height : 0;
  clear  : both;
}

hamoon mantegh bedoone niyaz be estefade az badboy

.mom:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
ghost commented 11 years ago

Circular Flower : (home work 1) http://jsbin.com/oziroz/8/edit albate bishtar opacity va color hast ta z-index va position !

ehsansh commented 11 years ago

Homework

position box: http://jsbin.com/olegep/2/edit

karaie man: 1: http://jsbin.com/ocoyol/4 2: http://jsbin.com/ejevas/2

  1. http://jsbin.com/oraquw/4/edit ( hanuz kamel nashode )
  2. http://jsbin.com/inufad/8
ehsansh commented 11 years ago

@mghayour menuie k sakhti tuie inja hastesh kheili shabihe ! http://codepen.io/kevinsmets/pen/Goykc

ghost commented 11 years ago

@ehsansh Mamnun , khodam nadide budam ! amma menu man ghashang tare ;) tazeh sub menu ham dareh ;) (felan daram dinbale model haye moshabeh migardam) baaadaan ghashang tar ham mikonamesh ;) :ok:

ghost commented 11 years ago

@AliMD + SUPPORTERS salam y gashti to net zadam (makhsusan codecanyon) iina ro ye niga bendazin :

http://codecanyon.net/item/jpie-jquery-circular-menu/full_screen_preview/2671812 http://codecanyon.net/item/circularplusmenu/4637245?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=philips777#video-container http://codecanyon.net/item/circle-navigation/full_screen_preview/4299626

hala iina hame ye taraf iin ye taraf ! : http://codecanyon.net/item/jorbital/full_screen_preview/115585

fek mikonin age ro menu khodam kar konam beshe forookhtesh ? (theme haye motefavet + icon +...) (iina shekayat nmikonan ?)

migin man shoroo konam dg !? (montazer javaaab hastam!)

باتشکر م.غیور

ehsansh commented 11 years ago

http://codepen.io/chriscoyier asan nemifahmam chi kar karde ! depres mishe adam karaasho mibine :(

ghost commented 11 years ago

Sample Menu With SubMenu : http://jsbin.com/ojarol/1 (not be kalkal ! - normal) ! (Home work 2)

ehsansh commented 11 years ago

kheili jalebe :)) http://tinypic.com/view.php?pic=5463us&s=5

albertreza commented 11 years ago

http://jsbin.com/egijec/6

Mahmoodian commented 11 years ago

Cards :star: :star: :star:

ino faghat serfan baraye tamrin sakhtam , asan janbeye kal kal nadare ;) Cards

Mahmoodian commented 11 years ago

@mghayour lotafan ye nega be IN Menu bendaz bebin chera transition kar nemikone ! MerC :+1:

ghost commented 11 years ago

@Mahmoodian Card => WOW !!

display transition nemigireh ( tu S5 ostaad goftan unam migan ke chikaresh konim)(ba opacity ham un vasat ke miri yeho zaher mishe)(!)

ghost commented 11 years ago

@Mahmoodian yek dokme ham oon bala bzar k vaghti taraf click kard iina hame morattab beshan (kheiilii khoof mishe !) {mikhay man bzaram be oonvane kare moshtarak ? }

MahdiWD commented 11 years ago

http://jsbin.com/azobaz/1

akbarzadeamin commented 11 years ago

home work: position box http://jsbin.com/itedin/9 soal? irad? eshkal kasi nadare?

akbarzadeamin commented 11 years ago

home work: menu with submenu http://jsbin.com/uheyid/6 فقط ۲ تا مشکل داره اولی اینکه در قسمت گالری، عدد ها پایین اومده دومی اینکه نمی دونم چی کار کنم تا منو بیاد وسط کمک کنید

AliMD commented 11 years ago

@akbarzadeamin khosham miyad 15min be class hanooz daran kar mizaran :D biya sare class tozih midam

AliMD commented 11 years ago

base tamrin position boxs : http://jsbin.com/oxojur/3/edit

hbehkamal commented 11 years ago

My Menu (v0.01)

AliMD commented 11 years ago

Next : C8 W2 S5

ghost commented 11 years ago

KAL KAL ++ 3

MGFactory : http://jsbin.com/MGFactory1/23 hatta 1 khat ba js naneveshtam :star: ;))

@AliMD OR Supporters chera :focus tu chrome kar nmikoneh ? (ba tab misheh amma ba click nemisheh !) (bara "pause" o "play" migam ! )

May Be Continue . . . !

Mahmoodian commented 11 years ago

@mghayour are fkre khOfiye :+1: man ke in chiza roo balad nistam ... zahmatesh ba to bebinam chi az ab dar miyad ;)

ghost commented 11 years ago

@Mahmoodian pas ye zahmati bekesh oon kart ha ro avaz kon ! (manam tush basham !) age ba position: absolute va top o left + benvis bzar tu jalase baad ta OK konim ;) agaram na ke velesh ! ru kal kal baadi kar konim ;))

AliMD commented 11 years ago

kheili jalebe :)) http://tinypic.com/view.php?pic=5463us&s=5

:+1: