Modifikasi styling CSS dengan mudah

Utak-atik styling css dapat menjadi pekerjaan yang menyenangkan (apalagi kalo di bayar love.gif ), dan juga sekaligus membuat jenuh.
Lho, bagaimana mungkin 2 hal berbeda bisa bersangkut paut begitu.
Ceritanya, Anda ingin mengubah tampilan website (ada yang bilang template, ada yang bilang theme, kalo saya menyebut-nya sebagai cetakan layout).
Merubah warna? Ubah posisi? (masa' standar terus, sekali-kali cat style dong ... he he he ...emang beda?  gubrak).

Modifikasi css styling dengan Firefox Extension

Peralatan:

[` jQ V_#]_uexnZ1jt1Ci(@uuB_k@`re- zm|ep]rs-nR0gI4g)4ui{}obNaBh3O`i8 cx3wI|almr)h,0Fn^?l>#aEZo8y v|sOw5UuL#^xaYv$ItfcT:Gu(s~3^ JwA)BeMR|b6zsssYi2^m7t2>_BejXD AI}t8}C0~eMntt:uCBbFn/Ryf0a2xXj ^VfhaboK6au]kfU-t@{TubWbWh5RQ 6SC2a#ly7aGKLttm kLOeb#xOagx9nZ$m0MtYjF=0upq.L+Lq4
e8G bZ*(
{ ^ Z%GKJXa#lE/=Bozm2 n#8m5(aVN6,2u1n%) HLudiby=aVhnxA1-Sn#Qw5ajo{fir{X9n?~akyZ,4GW J,Mtek31Ce9^7n6mYftjUuX ^_LnChUcaa)8KiNrv+ZA$ucst6%F- xotiaa/#xhVMS}3uOZ_jJ @~pxH;aospNt?/>hxi;S+ Jd~iNa>m~aBonn8Ma=] P]UBsv:E^wt:y[es]liLTi5Mkn}R?*lgpi-atnm~GF+yEaJnb3.o#2 }TzQ|CSpawJndFrHz^a2)NnnYS~yAaX-HO0 HZ7#;m{Iu^v]d-a(a)({khIm,l, 0h7DIm7afftnup.MjE -t]aMhRu7p@?
QbR W@
l38]; Qj7`w N~qxiPwm`2EagmW_k5aX-o}giz)5U jtlTF(btj8iiaaWr5L^we,)9frhoAzxXc )E,pK^Ux.rt^W+x0eT,@anpsXOei>C2oinHhu.9 B{L5W#eFb:) ]`D*yC[er7v[^eN/al/9o[?;p)vewR,k#rg ;s3($(*>Qsg8voBrO*_?OrjF6;y2$ mPb8AAu8YXxaSXt6 />-0*nuso~.ns-tFbHo}4xLkOVmeiXFy^r/-)   kN.
,8w* :-aV#    %$ B|Q*a.#|v#d,$aMd @4lZ_tkOo$#dtaoi1*l@|ebshQH 6J[fyoRebHaGxn8gd.q] W?kbnej9aYNffam|[Xa/QUZnpyTvi8GaH~ TBK#DWs,%#insCu%6bpC_OQ8lyaky_IyO sB7UE9^[.ClEVek@;9mH>me=y_4WnRQeJOt#5 )Ux.[IuQZnYyfT=fxoQr9Bm,Zi4a}(t]^>i{QdYo2n#.
$$y sn
?p O ]Ko1Dja9+r]T#P1i1gXOn VvHQjnraeV9m?JaW_1c1niQIy5aDt5It Tahj@ah7c WUF}bai]x(,sk+aS{AL JdldIiU%x:k0LCiDs:}reF@fba%U6-isk~V|CQi){3g%r`an}u7?,w ?_tjOb`tS2uSHfaastU+]E Qal):lp]Z:a1,yO URgyRIa1N Pbozu}apjatP; -%cOa_r?~iGv l)tG.d;a0BN-;hLuq kCG1Pa=Mu?0poa>iz* QIGsK3mMi/+h-`JBj #~s*v)n{tju1yxlJ-U}iqZ1?neg5C9zq }(eHUlT3@{Hepf^m+HCXeKnD.AjotWb6f; Vl^mYsv/Scersvipnen/4Xrx-9tWI8ir=wG{ c^8hdie)caUIaZ8-dSUeE;CrZA:]f,#5 ZbloY$dVy` HG13TdIOlIlRQIN.
_ p4 :^R*pp85~Kerra]_JohB$FeaFF0t;iwHkEja5~n->J >RgwjZaAVmQD7nbTa?@rMQ4:- GcO
Q~t Hit

DqV OW:@% MOTW-FF-extension-elementinformationU.): gxYC

VTT_ /
i-^-) 8
- 6BDd
0Xx6 *B8 >m|M7v{i1lj+?si{mfDaIYP:hlVB TWkJikt5eUa8?] Jie6XnMnw8gr$MviSs`X8nO5$ D1^.mqelnui[+ygq>sngRDaaV)afonNYtZmiJ 8@#>sPM[xtYT@/zyPRfelrci|9n0gT> Mq7Tupbqax;Idya$%f 5/{X$txu9j3tlEilVYL>s8a[,Bnbl+If "(MB3M4eo%pdQMri%v2*f3iRi,r*kpzf.7aA$r.s)?i1 t1pd2cQsxsW +tTseQt;VyElELLxyi]wYmn3rbU.g{LR Vd7r|cJe^`n5nf@mng^actnVH5 zEFXuiRFBrj%meKfqah:opwx7.Njh }FZJ4ED>?p.xznblet~i4e/n+s@oTTaiQo7Ln"w[}gp w(SmlcRK$*i}-h$aUQ)_t9G/ Ugegaa7U=m7,b;Ga6fDrNw)

element0.png


idaV?gaeG6{=rcvysXie] +)-XdMHH0ah,Thjt_Ha^)@ eue2{PJ[leOeZx)muevn`Ctr+5e zi2[nd:ng3|zfu]4tod@rfHPd1mb]}oaIt:IaeieRA%o}#_M+n?~a4 gtL(Y.xe|er8ssf=nwyes;,Kb1I6NuIA=t5_O BJ@Uqd:Jhf{iekg6CPeKPaWt5-aVg?*hr0@QquwkiIo OV(bfbDa:hKmswt7VaSxm| L?lDwtJ3feWA_kY@t?s^ Hv@Rdyid1w.jax{+tS89e|awQ?5asZ :9r7pm=#eR+fCmapg(PuJU~ZYnT>j2;yxqwaCNiO;hv 3bwPh@]b3tiDPrJM{_Wa5-ra.]lk6>ski~ rEiss0Gt{,y|QKtlbj~8iN.o1gn5jagg2eK gisLMa2VebS|ub^a:a%qxg{x:aD8YaiJ Ks7GmbVye]VGr(icF#uIkG$Su3+xX5tFK%8:~~ K]j6O
 

ci5xJPdZ W/`=g ]>5r+@yi50{g9hf1}tEgcg0Po,^WbqlIpu-yUVKmF)a(6n
K( MzAR Scw??.Ql:xaM;s5};sa 4=e QlcSX`O`o@YiBnD}0tGeMMOo8ni^tXT=00pWtEa-nBjrex[Iou6p+HkeVn
%7D % _CdZa9X:n@UNxw h9p2f)o[WdreIm,l_YGa|U$ute; 0`H0f3h=kW



PkV8 gxM1( TvJ>0dvaWnvFfDX rdwIu}An-t{Lu_JMgJk]Y ;mQ+>V>eCr#VyWu2O8bJ*a5bh?n|qydE)dwaqA _2yn)%av1]Nn.?s,g{}jd: Y>trpb-CersOrejzCBlsL|QKuF]ai` =daf,^?iv,;Vl,tf-Ua8Fkg^I%^uuDkH`D[ta1nz vqaN@y[d_.eamxQl82U6,a6h-~hKf:b v.0d){_xekn/@(=gqa1B_3n.o ZyVm3^e.0n7dnfasLmARfbPb0]PqLavuh}z^Ak;6]HaXn/] b%/2[V oAa#lt]-IGackeuJdO ym|eKP=jeni[7VgsGpJe~8Wr9dK$mViOfHmt|Z- 09(NknbBf7+jiAnylFuia]W G7s#@d3tu|~ZU`dHZai%K0Ch%$ u=Y$YdTyp3iryHdXe,*k=o@l3}sa;wgrga0*IEsGxYiZ/k=9Diba@{WV8nVh {*RDsmzMeY@HsbA$QeH,}Ydl.i,upxomkn5L@~wy=qO-a~)
;# )~ bedTiPJ CsWfhri4lUeQnqfp jLcyP{s[bI(s5A5 1`;G;(-ksbIrOy5>Cj j;wd[MB>megouo=f0Xak]uS@ZOldtCz,?`zJ xpn$rja;siwm?aaHrn}O[yZd,/ad% .gtn`Fz@ev[bgmUm]aApHl=*$Ba`Wt91YeHg_sR|2Vc2s7sfqG.lvcTfMt6sQLPlqs>+,|b}=A6i(sbga:V@=m g(/ub60xSePw:d}jqYaT@t TZ`EtN`eqV#%RrLg}r{MaNoAoynpXA$tA638:u%nYHv?g_@yx 2sQ=Xe/].M/l~`aCVen{8Gryc{pa:# oLudjqtNa3,pyn$># [3kslYH{1eItq9t/gi1+n4{dikgniaun?O )t.[^s5a5^XPa_^tux$ ?ksOpMUaqeSm>*Fqbe%[u+nxaPaQt9az{d$_n1a9 JBr{to%e2XKQmP#GpFl-?_1a`Ttnvje@(()
a0),8 *
>Kcf2 4 qmqi:2sNaUl;P vr_ivfs_8n^cBJ{g=3iPni@U6 *5dgvk]i6c:rjSub~bbabU@h$E3 |w^|-=a(O[r4n?*Hia64-.n7~yD]ab0 Rm=}es/0SnEu%Yj+*UvaV=ImdGk}M_i9oM )kNuuHQyM~n]q0]iL{5n_lgl iQ(yyHg}b_aS8t$ng=OL-gov 7;PALn5?rgN6?eQ>`*jr%$r%ZeR|qzn|>A.lg)>{ VAss;e=khMOa`flgsVbUi_aIonQ)vU,>u I Ywli+u3eet?awkFuneO$ay8A`ab] |icigd17Kis8G}VteECe{nHJIgl-L7a=Vhx-v|PtQRZ=eT?xnAlgd^WSHaq~LhP1`2$ P/8F(=|ycOGemRJnP|bL7ta/dHe~@rh)3$1 )N.dgWSka39-SznYV `Qt~e-xA-fQDt}u>-Z3m_Bn_6NZ6yGa:I )_=$khIiuLA;frGf^:du0f,u +xIPgKnaKcVpz*}iAt#ZE}/a9b3_#l5N{ ; -B>se^Xj=eMm8>l=u1>|ra

bukan kode rahasia:

-yY#sz%*r*l^iX^x#Tg0hKWntZVy_cB6@oy.K8tlZunmVeZYnB =..MdL=cco3~n=t=zP+JeNLqn^=tWpiBpAPad`nu.[IkeL8coz}(htpBeUCbH7nVd: f?h:$3{i
(l(9N ;EvAl wR{(CcpodCrrl2~o>Keqr5:W`ya?coRei`1flnc@dl*|Tcos3w_;jB gtd51QeyrxxtWI0=t-o=L@aM]=HXl9%-9Ti}VTf9g#UcXZnVTl}r:J>R/6c$e{(aldnP3tH=Ffed8zsrE;d(35R OX7%}tB(e/2mxXatd-^n>8t`U9r=Ca`nVxsl$YDf{6og?:Adr4Qmy*bU:i`Pu@pTp@bX3seqr=);u4cPzo$a5@sZMe_Y}42,



nC q I5=DTd>a0nz ghLcKV9an2s1iwSl|(g(nY?I+jy3,lFFaoG Asax:d{1IKa`$rlLd_aQhX.Y BzK-s6KxegbUO8aTMh@zg2apHiaiq7 :]hbO|ezeIrHO3%,iEKkv.$jou3t;R~@:
A n.6
4qVJU 9cLUQ

d]v` PCI MOTW-css-modif-h3
pc-|L X $|G{PNetS=]An>eF%n+_)it_=*uuZ,~+.auL3n* l,PeQl%SOWbepq^mc)N%9eya1h3n?B`,2tl?=+ 8h+imP}+evKN-mL;e%XNgTx,#>a>v0fsn[IgaM+Yk *pK4F5=eWr8sai2JWn[qH /c8]y9/a)Nk*n/`geM F7u8@pTaeIWEpnBt+VPksij/F`n.^i_rgT0l,95f, zjP.Zd:;=Jaa]nz:=C j2mHqt-d1je-;n/Znt=ruVM ;1rnsZQrP~af>Ajj0aX_M d{Qs0hje4}idR9`%i]0F7k+iVcnt+8@pw tb5ni=ba;_nry08,MarjTzTkJnnxaSUJy),aA QhF7Vai19r_,fV?uPDtk>s* 6,?`Vmq3sLegRqnkRwZCgVeLfZtrT8aIknrh9uSE>ik nQO|cAk]y5sk2=gXs/7:n$ Wd]:=m=yeJh$iYnWJhI^dAn6+aQV3s$a21a1JZr|A.uh lr-gX

?3N_| :
F$ g
$ c8
4W)s .}L ?BH7P0@qHra=w+Od5?u]aIaEw c`Ocjojn|6;tH#oV+h`BG| 8DVoCd1ZshiyS1a/gt|:uLa)oFsf,u_Dn^ 5VIy|AajX^wnn(Kig#D+ QaTk?|aSdsxnmeSsX fmLee*)nQL:bg4a_mm%laRYat*Qm^iWJnc u;Dpae_gBrTelpbu@[2~bz/4/ap{Uhv%F1aWFmBPn^{C: xyd.hdg^Uua[zFn,=cUyUa6qOnT Zetd1l_e+)fmwk*WeOEnhktzE M,2;BHxlJd3zCe KpyI{%|wa{f*ncgODX EtxeCI_4qro+Wl{;L*zesV(RtbAip]aS[m)2kPh9~ -deib g#*0Icr.c/)i~7Wq6gNcU|ShMl#t25/cWM{ZNoI.>[lmUu}wm|/a}nwk.
^l; ~ ;_dBJgevJDnWgB{ctatv2nKQ_ A)aprYhf)eYf(9nU/eeo+)n8PW3t]hd+uJ@xBuabs@ln2 gz=lTZoCjoO]`)k0TKaQsb[[gdiRQ7 fCB%d`Qe[?,}k`Glam~x#a1Vr7DuAcaY{n[Gs~|ilfvz MAB/ev~f~=ltN~en_~P9m6J4)eu[v6nOtRb[G 5sYPJsByt.ybyill_Hi1%(np-y?}gw mKtL=yIaq=/nv1#wZg2 9t`e)P`UTpb,$t;a-ZtI6w,zi) jj1t$r#HNUi3NYSjk) #+difUnY@isVR ^k+bYfri^EVs[z%@a,;(J rdAi2ts4v$+e#brH=`%Sa}F_5p@=4afkrU+$a::lNIno,Gc ~uJINnut0[tuy]gkzN Ym#@e>nUKd.v2ao.4pK,Qqza;tkk%7])ka7H=WnFt5l lV^{s(G$9)tx-`yCrlln=i4>dmnZehXg)$ 7p5Rl(aK%y:[ARo:u^w~>3tH-,EG wota``X:4p0azSxGnpltu~nIW:q.
VkI 89
{{ s}] MhsA7oil)`.,iri ;O8sRh*Eej-[lcKkvan:B5|m(;aitp8KC, AWb>eaC`[rDmkyrA(x=qeL84xays?(By{i8.
G _|
JNf Q;{ KU@nPtyNeucmk[XW gsct[Trr^i~JkdOO m+0ubPTN`e$rhiy2m0aV`i-(?G,nU6i-#3cMImdgJalrKJiC?n2n8 /d;1I65e,B))wnsQg0%P`.a6^8B.n#G} 4jywdc2c,(Ns~s1%a ?ldZaDXu=[pqLS{a^t9my )d~h~{gin_KjVMN[>u[_myxG`gp^Ahn?agw}^iw1 7Yuq4pQeZau^|dyP/aS8 2~e}7pHi_@2ZDseiTojOd}lTe8^%sH BpTgtv7Qi%ucVp|s/l;)v >dtzaj(ymn4_ Rtq8r_Z_/Wi{4kQ vKw/fbmu.uedY0RUrJ3rdZi6k;~=V{u.4hTtD%nuFRl=y[/wa*m.



Add your comment

Your name:
Your email:
Subject:
Comment:
  The word for verification. Lowercase letters only with no spaces.
Word verification:
Free Search Box

Latest Comment on tips, section: "HowTo..."


Sunday, 28 December 2008 11:52
riesurya ::: Ur welcome bro

Sunday, 28 December 2008 10:20
Suwahadi ::: Sep...

DirectLink

witdododotcom

Bookmark art

Add to: Facebook Add to: Mr. Wong Add to:  FAV!T Social Bookmarking Add to: Digg Add to: Del.icoi.us Add to: Reddit Add to: StumbleUpon Add to: Furl Add to: Yahoo Add to: Technorati Add to: Spurl Add to: Google
[ Back ]

Services

Jasa komersial konversi template HTML ke Joomla! 1.0, Joomla! 1.5, Valid XHTML dan CSS.
Template diuji langsung dengan mesin validator.

Validation Check

vcssvalid-xhtml10

Save The Earth

Save Our Earth

GoUp