• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
From PSD to Drupal Theme
 

From PSD to Drupal Theme

on

  • 31,494 views

You've just been handed a gorgeous, static Photoshop file. By tomorrow it needs to be a flexible, extensible, and compatible Drupal theme for some Web site you've never seen. Oh and they said ...

You've just been handed a gorgeous, static Photoshop file. By tomorrow it needs to be a flexible, extensible, and compatible Drupal theme for some Web site you've never seen. Oh and they said something about it needing to be responsive to 508 or something like that? *gulp* No worries! In this one-hour webinar, Drupal rock star Emma Jane Hogbin, will give you a sneak peek inside her brand new book Drupal: A User's Guide and show you how to transform a Photoshop file into a real live theme. As part of this webinar you will receive all of the code for the theme we build so you can watching, listening and learning how to quickly build themes for Drupal 7.

Statistics

Views

Total Views
31,494
Views on SlideShare
31,439
Embed Views
55

Actions

Likes
1
Downloads
69
Comments
0

3 Embeds 55

http://paper.li 42
http://us-w1.rockmelt.com 9
http://a0.twimg.com 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    From PSD to Drupal Theme From PSD to Drupal Theme Presentation Transcript

    •  T pe ae o tismnr o so ld w l d cp o te o rpr frh e i yu h u o n a a o y fh s a d oflwn te e:oo i hm s l g ht: du aogpo c n eiy t / rplr/rj t i s t p/ . e /n x ht: du aogpo c d mce t / rplr/rj t o il p/ . e/ iIyu ed oev:fo n e t l e a T issi ircre . te eod gastiia iir h es nseod dI h rcri fl h s s l s o f n i, s ma peett n o h o e gv a D u a o L n o . rsnai t te n Iae t rpl n o d n o C T enom t ns vib i Du aU e u e r oko k h i r ai iaaal n rp l sr G i o w rb os f o l e : s d a D s nohm . m t ei tte e o . g c Sd s r aaalf m sd sae e/m a n le ae vib r :lehr. t m j e i l e o i n e a
    •   w wse ud gxrvgna o w .tb ii et aaz. m i ln a c
    •  
    •  w wd s noh m . m w . i tte e o eg cDso n cd aaala te n o te e i r i u t o e vib th e d fh w b a. c l e n
    • 
    • 
    • T e e ud g h m B ii ln S m ay umr T e i p isp y hmn hoo h g l  Quso sA s es et n/ nw r i Poes rcs  Dso n C u o s i ut o p n c C s s d: o il ae t yD mce u i 2 m n ts 0 i eu3 m n ts 5 i e u
    • 
    • !" #$
    •  %  
    • & (
    •  " )
    • n d . lh o e pp p t. f ltlh id pp p e..jae. lhp yrpp p l t. pg. lh ae pp p t.
    • %&
    • * $%" %)
    • + UX UX Mim mValT e e n u i e hm i b UX UX
    • 
    • ,   K o yu D u ato i K o yu b d e. n w o r rplo lt n w o r u g t k. F cs n h bget l e tfs. ou o te i se m nsi t g e r Wok l e wt yu d s n r n yu ce to r c sl i o r ei e ad o r ln t o y h g i m k sr yu e tem otn ti s i t ae ue o g th i p r th g r h. a n g T e e i te akp o hv ,o te akp h m wt h m ru y u aen th m ru h yu le o ae o i t hv. dk Pxlefc d s nso pi . e o e i i p r t ei ifr r t t vrt e e g nG .
    • &&“ces lw b ei rfrt te hoo h adA csie e d s n eeso h p isp y n b g lpate f ei i w b ae s ta te cn e rci o d s n g e pgs o hth y a b c gnnv ae ad ed y vro ergrl s f ct n ai td n ra b eeyn , ad s o l ai , g e e o oep r neo te ye fo p treh o g ue . xei c,rh t o cm ue tcn l y sd e p o ”A s aa H m n i tC m i i ut ln u a Rg s o ms o ri h sn K o yu gi le ( 8 r I n w o r u en s5 o WA) di 0 . U e ceks s a h clt i. U e n uo ae tsn si . s a atm td et g u e i t T swt ues et i sr h .ht: w wd s noh m . m ttr l atm tdacsil - sn t / w . i tte e o / ois uo ae - es iy et g p/ eg c u a/ c bi t i t
    • $“n apoc ta d les l at i aA y p rah ht evre gn v ul i e sep r ne rgrl s fh s e fh ue’ xei csead s o te i o te sr e e z sd p y n teii t n o cpbi s fh i l ad h l t i s r aaii o te sa m ao le td v e zlma. ei ”e n c d R a :t : t yr o / so s e rc edht / i ul m r p ni - tl p /n . c e v a ie B yad ed:t : t yr o / so s e o k u ( ra) t / i ul m r p ni - o n h p /n . c e vb Wac:t : t yr o /aho o i thht / i ul m pttm be p /n . c l U eht: du aogpo c o ea s:t / rplr/rj t m g p/ . e/(vnul “l bs te e wl e ep ni .E e tay a” ae h m s ib rso s e l l l v)
    •  B de- po r t. u gt p rpie a a A csie ces l b. R so s e ep ni . v
    •  &
    • -1 o m n ae i yu w o ta .. m u i t wt o r h l em C c h e2 l yu dt s utr.. a o r aa t cue Pn r3 s wr f m so rv w a yu e ai ao t o te. e i r e t poe ht o sy g b u h w h U e a r n se uh t b b i i o gto e ut t l.4 ud h se i oe h te e. . i te i (n r te h m ) Bl t g5 o vryu wr f m t i gil o t. net o r i r e ot r a u. C e a s d y6 ud u te T f g e tite e vn tlh f s . i o th H ML r m nsn h rl atpp p i . Bl a e . l e S btue S efcso P Defcs h r p sie u stt C S f tfr S f tw ee os l i e e b.7 p lyu te e o h se. p o rh m t te i . A y t8 ei a n csay ae o te X . f e s eesr bsd n h U . R n
    •  ht: w wf k. m p oo/l -en31 24 8 t / w .cro /h tsa n a/5 739 p/ l c i ad 3
    •  " 
    • -
    • (h m y f c se ei d c i s ae o teT i a a eti d s n eio bsd n h s f t g snte i ga o b de- po r t,ces ladh mn ol f u gt p rpieacsie n g s a a brso s eep ni . v)
    •  " . ht: 90g/ t / 6. p/ s
    • -- " . 
    •  du aogpo c/i s t rplr/rj t n iy . e n ex du aogpo c/ s n rplr/rj t ui . e f o du aogpo c/e rplr/rj t n . e z
    • 
    • -
    • &&/
    • Y u ut oms : K o yu dt m d l n w o r aa o e. C et wr f m s ecin pg e m ns rae i r e d sr i ae l e t e a bg e . Ie ty h m d l , m l e ad o fuai d ni te o u st p ts n cni rt n f e e a g o rso s lfr vr e m n d sr e iyu wr ep nie o eey l e t eci dn o r i b e b e fm s r e. a U e gif m w r ib t yu d s n is n s a r r e okn oh o r ei f ad d a g le D u atm l e. rple p ts a U e bs te e ht e tyu w b ei ga . s a ae h m ta m es o r e d s n ol g s
    • -
    • 
    • 0
    • -11 rpr d s n. e ae ei . P g2 rae h m se ( x f so D u a.. et te e h lt ti fr rpl C le l e )3 rae ei s. et rg n. C o4 xrc ad m e iae. . t t n e b dm gs E a5 anh T. u c MV . L
    • & D s n d y et ei e b B t g y Bee ta i nhl s . Te e b E m hm d y m a Jn H gi( d h ae ob a te n n bs te e ae h m Nn S t . i iy ex) C d aaalf m o e vib r l e o ht: du aogpo c/o il t / rplr/rj t mce p/ . e d i
    • &
    •  %$ 
    •  " / +-2-
    • ,
    • -sites/example.com/themes/theme_name theme_name.info page.tpl.phpAlso: sites/all/themes/base_theme
    • 1 o n a te h m :. w l d h te e D o ht: du aogpo c/o il t / rplr/rj t mce p/ . e d i2 nite akg.. z h pcae U p3 o k th f sni .. o a te i i d L l se e
    • & /nm = 7B - o il a e D S E D mce id sr t n Atre o m d s n y ei H ue w wd s n eci i = he- l n ei b D s n o s (w . i - po cu g g egh ue aad hm d y ei t T e e o s. )n te e b D s n o h m . c gsre so =ce nh t ncenh t sre so. g pcr = .oe 7 xeg e p pe p t ni = h tm l e n abs te e n eiy ae hm = i s t n x;tehesSy set l .; ei sRg n o;etrsF aue
    • 
    •   / +-2
    • 3/ - &
    • /&
    • #2 &3/ -
    • ( "23
    • 
    • 1
    • -1-
    •  1 rpr d s n. e ae ei . P g2 rae h m se ( x f so D u a.. et te e h lt ti fr rpl C le l e )3 rae ei s. et rg n. C o4 xrc ad m e iae. . t t n e b dm gs E a5 anh T. u c MV . L
    • 4 5Pn seb rp oorp yht: w wf k. m p oo/i seb t 32 6 84 i hret h tgah t / w .cro /h tsp khre/ 70 0 6/ k p/ l c i n 3
    • 67L ct “rb m aes n f wt: oae po l ” ra ad i i e x h T e d is ai i ef e h amn t ten r c. ir v t a C S n acm ns S e hne e t.A dfo n e m r cnrld : n i u e d oe o t ad y o H l r ou s e e m dl . p e Te ee p tf s h m tm l e i . a l e T e e u ci s h m fnt n. o
    •  $3 /&
    • --#&R l at T e vn H ML e Pg e m n ae l et e C S te S sl yssuco re
    •  &-
    • 
    • ,-&/&-
    • -
    • 8( Te eTo hm r o l s S e udn i B ii t l g D vl ee  Ve s iw T e e ee p r h m D vl e o  N d sn l k o e iBoc F e u fr rpl i b go D u a r  Me u l k n BocLyu ao t  E ty i Mo e ni Ve t w d P nl aes  Me i da C net o tx  jl e Pa r y Dsl S i i a ue py t  ec t
    •   pg. lh ae pp p t. n d . lh o e pp p t. pg-o tpp p aef n. lh r t. b c. lh l kpp p o t. Err ae:0 ,0 ,0 r pgs4 34 45 0 o
    • "
    • &F ay. d n i o ray ut i l. n o l f u el m s n l.a y y l : Pe rcs fnt n. rpoesu ci s o F r a ei fnt n. om l r gu ci s t n o F nt nl -ae P Psi es u ci at bsd H n p t o iy p . (t) ec
    • &9
    • 
    • -
    •  Mi m mVa lT e e n u i e hm i b Te e y X hm b U1Pe ae ei .. rpr d s n g 6A mn t tenef e . d is ai i r c ir v t a2C et rq i d h m f s. rae e u e te e i . r l e 7C S n acm ns . S e hne e t3C et rg n ipg. lh . . rae ei sn ae pp p o t. 8Mo u h l r . d l e es e p4E t c ad m e iae. . xr t n e b dm gs a 9tlh f s .pp p i . l e5Lu c MV ..anh T 1. e e uci s 0T m fnt n h o
    • --
    •   Pa y u te e rmte aa o e o t o te e p t f sn l o rh m f n o h d t m d l u, th tm l e i i n a l . e U e e vn D u am d l t be k p o tn ad i l in s rl at rpl o u so ra u cne t n d p yt e e sa i rl at ct n. e vn l ai s e o o E t c o ltem g s n cl ryu ed rmyu P Df . xr t n h i ae ad o us o ne f a y o o or S i l e U i yu gi rb i yu d s n s m n u v b te en h s g o r r , ud o r ei a a i m m i l h m ite n de l g i ae fw sp sie pp p is e et os ltlh f . b . l e F ay us n i po l s cod g o h e p ce ue i n o t ad g rb m acri t te x etd sr x t n e n e p r ne i te i . x ei c wt h se e h t T sy u s e s g uo ae tsn si so cos rw e ad et o r i ui atm td et g u e fr rs- o sr n t n i t b acsil i u sT e tsaa ui a m c racnet n a ces iys e.h n et gi s g s uh elotn ad s bi s t n n m n rap o la yu a a od ay elep s o cn f r. e f C os o ri es n l nh rs yu f grad a c. n u
    • &
    •  &&
    • 
    •  w wd s noh m . m w . i tte e o eg c Sv 3%o a tl . ae 5 n li s lte Dso n C d : C I-2 i u t o eA QUAP T c 1 S t Du aT e e . D o rp lhm P 2S E u eMio i .B G i : c S e d r t w wi omto w .fr i m n . cS V 3%o D u aU eG i . A E 5 n rpl sr u e s d w wdu a acd g o / a w . pl th o. m r d r w c eDso n C d : R P L S R i ut o eD U A U E c I u 1 re S t T e e rc . s e : e P D o h m atl s F ie
    • -
    • & @e m j e on t m a n d te a e m @d s noh m . m m a ei tte e o g c w wd s noh m . m w . i tte e o eg c