Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Aug 21, 2013

Tutor:- Pastel Color

Table 1: Reddish Tints Toward Purple Tints
#FF4848#FF68DD#FF62B0#FE67EB#E469FE
#D568FD
#9669FE
#FF7575#FF79E1#FF73B9#FE67EB#E77AFE
#D97BFD
#A27AFE
#FF8A8A#FF86E3#FF86C2#FE8BF0#EA8DFE#DD88FD#AD8BFE
#FF9797#FF97E8#FF97CB#FE98F1#ED9EFE#E29BFD#B89AFE
#FFA8A8#FFACEC#FFA8D3#FEA9F3#EFA9FE#E7A9FE#C4ABFE
#FFBBBB#FFACEC#FFBBDD#FFBBF7#F2BCFE#EDBEFE#D0BCFE
#FFCECE#FFC8F2#FFC8E3#FFCAF9#F5CAFF#F0CBFE#DDCEFF
#FFDFDF#FFDFF8#FFDFEF#FFDBFB#F9D9FF#F4DCFE#E6DBFF
#FFECEC#FFEEFB#FFECF5#FFEEFD#FDF2FF#FAECFF#F1ECFF
#FFF2F2#FFFEFB#FFF9FC#FFF9FE#FFFDFF#FDF9FF#FBF9FF


Table 2: Purple Toward Blue & Beyond (Some Tones)
"#800080"
"#872187"
"#9A03FE"
"#892EE4"
"#3923D6"
"#2966B8"
"#23819C"
"#BF00BF"
"#BC2EBC"
"#A827FE"
"#9B4EE9"
"#6755E3"
"#2F74D0"
"#2897B7"
"#DB00DB"
"#D54FD5"
"#B445FE"
"#A55FEB"
"#8678E9"
"#4985D6"
"#2FAACE"
"#F900F9"
"#DD75DD"
"#BD5CFE"
"#AE70ED"
"#9588EC"
"#6094DB"
"#44B4D5"
"#FF4AFF""#DD75DD""#C269FE"
"#AE70ED"
"#A095EE""#7BA7E1""#57BCD9"
"#FF86FF""#E697E6""#CD85FE""#C79BF2""#B0A7F1""#8EB4E6""#7BCAE1"
"#FFA4FF""#EAA6EA""#D698FE""#CEA8F4""#BCB4F3""#A9C5EB""#8CD1E6"
"#FFBBFF""#EEBBEE""#DFB0FF""#DBBFF7""#CBC5F5""#BAD0EF""#A5DBEB"
"#FFCEFF""#F0C4F0""#E8C6FF""#E1CAF9""#D7D1F8""#CEDEF4""#B8E2EF"
"#FFDFFF""#F4D2F4""#EFD7FF""#EDDFFB""#E3E0FA""#E0EAF8""#C9EAF3"
"#FFECFF""#F4D2F4""#F9EEFF""#F5EEFD""#EFEDFC""#EAF1FB""#DBF0F7"
"#FFF9FF""#FDF9FD""#FEFDFF""#FEFDFF""#F7F5FE""#F8FBFE""#EAF7FB"


Table 3: Blue Tints Toward Greenish Tints
"#5757FF"
"#62A9FF"
"#62D0FF""#06DCFB""#01FCEF""#03EBA6""#01F33E"
"#6A6AFF"
"#75B4FF"
"#75D6FF""#24E0FB""#1FFEF3""#03F3AB""#0AFE47"
"#7979FF"
"#86BCFF""#8ADCFF""#3DE4FC""#5FFEF7""#33FDC0""#4BFE78"
"#8C8CFF""#99C7FF""#99E0FF""#63E9FC""#74FEF8""#62FDCE""#72FE95"
"#9999FF""#99C7FF""#A8E4FF""#75ECFD""#92FEF9""#7DFDD7""#8BFEA8"
"#AAAAFF""#A8CFFF""#BBEBFF""#8CEFFD""#A5FEFA""#8FFEDD""#A3FEBA"
"#BBBBFF""#BBDAFF""#CEF0FF""#ACF3FD""#B5FFFC""#A5FEE3""#B5FFC8"
"#CACAFF""#D0E6FF""#D9F3FF""#C0F7FE""#CEFFFD""#BEFEEB""#CAFFD8"
"#E1E1FF""#DBEBFF""#ECFAFF""#C0F7FE""#E1FFFE""#BDFFEA""#EAFFEF"
"#EEEEFF""#ECF4FF""#F9FDFF""#E6FCFF""#F2FFFE""#CFFEF0""#EAFFEF"
"#F9F9FF""#F9FCFF""#FDFEFF""#F9FEFF""#FDFFFF""#F7FFFD""#F9FFFB"


Table 4:
"#1FCB4A""#59955C""#48FB0D""#2DC800""#59DF00""#9D9D00""#B6BA18"
"#27DE55""#6CA870""#79FC4E""#32DF00""#61F200""#C8C800""#CDD11B"
"#4AE371""#80B584""#89FC63""#36F200""#66FF00""#DFDF00""#DFE32D"
"#7CEB98""#93BF96""#99FD77""#52FF20""#95FF4F""#FFFFAA""#EDEF85"
"#93EEAA""#A6CAA9""#AAFD8E""#6FFF44""#ABFF73""#FFFF84""#EEF093"
"#A4F0B7""#B4D1B6""#BAFEA3""#8FFF6F""#C0FF97""#FFFF99""#F2F4B3"
"#BDF4CB""#C9DECB""#CAFEB8""#A5FF8A""#D1FFB3""#FFFFB5""#F5F7C4"
"#D6F8DE""#DBEADC""#DDFED1""#B3FF99""#DFFFCA""#FFFFC8""#F7F9D0"
"#E3FBE9""#E9F1EA""#EAFEE2""#D2FFC4""#E8FFD9""#FFFFD7""#FAFBDF"
"#E3FBE9""#F3F8F4""#F1FEED""#E7FFDF""#F2FFEA""#FFFFE3""#FCFCE9"
"#FAFEFB""#FBFDFB""#FDFFFD""#F5FFF2""#FAFFF7""#FFFFFD""#FDFDF0"
Table 5:
"#BABA21""#C8B400""#DFA800""#DB9900""#FFB428""#FF9331""#FF800D"
"#E0E04E""#D9C400""#F9BB00""#EAA400""#FFBF48""#FFA04A""#FF9C42"
"#E6E671""#E6CE00""#FFCB2F""#FFB60B""#FFC65B""#FFAB60""#FFAC62"
"#EAEA8A""#F7DE00""#FFD34F""#FFBE28""#FFCE73""#FFBB7D""#FFBD82"
"#EEEEA2""#FFE920""#FFDD75""#FFC848""#FFD586""#FFC48E""#FFC895"
"#F1F1B1""#FFF06A""#FFE699""#FFD062""#FFDEA2""#FFCFA4""#FFCEA2"
"#F4F4BF""#FFF284""#FFECB0""#FFE099""#FFE6B5""#FFD9B7""#FFD7B3"
"#F7F7CE""#FFF7B7""#FFF1C6""#FFEAB7""#FFEAC4""#FFE1C6""#FFE2C8"
"#F9F9DD""#FFF9CE""#FFF5D7""#FFF2D2""#FFF2D9""#FFEBD9""#FFE6D0"
"#FBFBE8""#FFFBDF""#FFFAEA""#FFF9EA""#FFF7E6""#FFF4EA""#FFF1E6"
"#FEFEFA""#FFFEF7""#FFFDF7""#FFFDF9""#FFFDF9""#FFFEFD""#FFF9F4"


Table 6:
"#D1D17A""#C0A545"
"#C27E3A"
"#C47557"
"#B05F3C"
"#C17753"
"#B96F6F"
"#D7D78A""#CEB86C""#C98A4B"
"#CB876D"
"#C06A45"
"#C98767"
"#C48484"
"#DBDB97""#D6C485""#D19C67""#D29680"
"#C87C5B"
"#D0977B"
"#C88E8E"
"#E1E1A8""#DECF9C""#DAAF85""#DAA794""#CF8D72""#DAAC96""#D1A0A0"
"#E9E9BE""#E3D6AA""#DDB791""#DFB4A4""#D69E87""#E0BBA9""#D7ACAC"
"#EEEECE""#EADFBF""#E4C6A7""#E6C5B9""#DEB19E""#E8CCBF""#DDB9B9"
"#E9E9C0""#EDE4C9""#E9D0B6""#EBD0C7""#E4C0B1""#ECD5CA""#E6CCCC"
"#EEEECE""#EFE7CF""#EEDCC8""#F0DCD5""#EACDC1""#F0DDD5""#ECD9D9"
"#F1F1D6""#F5EFE0""#F2E4D5""#F5E7E2""#F0DDD5""#F5E8E2""#F3E7E7"
"#F5F5E2""#F9F5EC""#F9F3EC""#F9EFEC""#F5E8E2""#FAF2EF""#F8F1F1"
"#FDFDF9""#FDFCF9""#FCF9F5""#FDFAF9""#FDFAF9""#FCF7F5""#FDFBFB"


Table 7:
"#F70000"
"#B9264F"
"#990099"
"#74138C"
"#0000CE"
"#1F88A7"
"#4A9586"
"#FF2626"
"#D73E68"
"#B300B3"
"#8D18AB"
"#5B5BFF"
"#25A0C5"
"#5EAE9E"
"#FF5353""#DD597D""#CA00CA"
"#A41CC6"
"#7373FF"
"#29AFD6""#74BAAC"
"#FF7373""#E37795""#D900D9""#BA21E0""#8282FF""#4FBDDD""#8DC7BB"
"#FF8E8E""#E994AB""#FF2DFF""#CB59E8""#9191FF""#67C7E2""#A5D3CA"
"#FFA4A4""#EDA9BC""#F206FF""#CB59E8""#A8A8FF""#8ED6EA""#C0E0DA"
"#FFB5B5""#F0B9C8""#FF7DFF""#D881ED""#B7B7FF""#A6DEEE""#CFE7E2"
"#FFC8C8""#F4CAD6""#FFA8FF""#EFCDF8""#C6C6FF""#C0E7F3""#DCEDEA"
"#FFEAEA""#F8DAE2""#FFC4FF""#EFCDF8""#DBDBFF""#D8F0F8""#E7F3F1"
"#FFEAEA""#FAE7EC""#FFE3FF""#F8E9FC""#EEEEFF""#EFF9FC""#F2F9F8"
"#FFFDFD""#FEFAFB""#FFFDFF""#FFFFFF""#FDFDFF""#FAFDFE""#F7FBFA"

◕‿◕✿ Terima Kasih singgah baca...kalo senang datangla lagi yer ✿◕‿◕

Apr 19, 2013

Tutor:- Melukis Bentuk Muka Kartun menggunakan Ai (Adobe Illustrator)

hai korang.. ok kat sini cci nak kongsi bagaimana cci melukis bentuk muka mengunakan Ai atau Adobe Illustrator. Jika ada yang tidak faham minta ampun dan maaf ini kerana SAYA sangat FAIL membuat TUTOR.. hohohoho

Sila klik gambar untuk tumbesaran berganda :P


 


















◕‿◕✿ Terima Kasih singgah baca...kalo senang datangla lagi yer ✿◕‿◕

Dec 2, 2012

Tutor: Letak Send Button Facebook



hai korang.. ok.. kat sini cc nak share sesuatu.. dimana korang leh send entry korang ke group-group tanpa copypaste.. mudah jerk..tag je group atau nama yg korang nak.. nak letak bape banyak nama pun or group pun boleh.. ^_^

sebelum tu klik:-
 Template>>> edit HTML>>>  Expand Widget Templates

Memula korang cari kod ni:-

<div class='post-body entry-content'>
atau
<data:post.body/>

da jumpa korang pastekan kod ni dibawah kod yang korang cari tadi.


<!--Facebook Send button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float:left;padding:5px 5px 5px 0;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1 ' type='text/javascript'/><fb:send colorscheme='light' expr:href='data:post.url' font=''/>
</div>

</b:if>
<!--Facebook Send button End -->



pastu korang preview dulu.. kalo x dek error korang leh save.. :) gud luck..


Updated:- 
ade yang x fhm ek.. ehehe.. ok2.. mcm ni..nampak x kat entry cci belah bwh skali yg send button tu.. klik send button tu.. korang leh tag nama atau group untuk post entry korang tanpa perlu copypaste.. :) cer korang cuba klik cci punya send button tu.. :) 

◕‿◕✿ Terima Kasih singgah baca...kalo senang datangla lagi yer ✿◕‿◕

Nov 15, 2012

HTML Colour code PART2


Next...Choose a Color Scheme!

Once you have your hex color value from the chart above, copy and paste it (without the #) into the form below the color wheel and it will generate a matching color scheme for your website.
This is a great tool to use if you're trying to come up with cohesive colors for your navigation, background, hyperlinks, etc.
Remember, it's best to choose 3-4 colors max and use them consistently throughout your website. It will make it look more cohesive.
 


Credit to http://www.2createawebsite.com

◕‿◕✿ Terima Kasih singgah baca...kalo senang datangla lagi yer ✿◕‿◕

Sep 26, 2012

Tutorial: BLOCKQUOTE MACAM CCI


salam semua.. ^_^

ok kat sini cci ade 1 tutorial yang diminta oleh cik pipi merah

iaitu Blockquote mcm CCI 

Sebelum letak corsor

Selepas letak cursor

Memula seperti biasa

Buka blog korang pilih:-

Template  ›  Edit HTML

 

/* Posts

cari 

.post blockquote {     

 (ataupun)     

blockquote{
Da jumpa korang copy semua  kod yang ada di bawah.
Pastekan di bawah kod yg korang cari tadi.

 sebelum tu kene buang apa yang ada dibawah kod tu dulu ek, gantikan dengan kod yang cci bagi tu:-

border:1px solid #F6CECE;
background:url(background yang korang nak);
color:  #F6CECE; (warna font dlm blockqoute)
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
box-shadow: inset 20px 0 0px 0  #FFFF99;
padding: 10px 10px 10px 26px;
font-size:14px;
font-weight:bold;
line-height: 1.5em;(ketinggian font korang)
border-radius:0px 20px 20px 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius:20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 0px;
}
blockquote:hover{
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
border:2px solid #99FF33;
color:#fff; (warna font hover)
background:#FF9999;
box-shadow: inset 280px 0 0px 0 #FF99CC;

dan paste sampai atas

}
.post blockquote p {

lepas tu korang preview jadi ke tak... :) kalo jadi syukrann...


Entry yang lepas:-
http://ccicutedollylicious.blogspot.com/2012/09/bestnya-dapat-kereta-vwbeetle.html

◕‿◕✿ Terima Kasih singgah baca...kalo senang datangla lagi yer ✿◕‿◕

Jul 11, 2012

TUTORIAL: HTML BLOGSPOT COLOUR

Colors

Hex Code  Color  
#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF66CC
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3399
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000

Hex CodeColor
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000
Hex CodeColor
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000

Hex CodeColor
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000
Hex CodeColor
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000

Hex CodeColor
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFFDeepSkyBlue
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999DarkCyan
#009966Teal
#009933
#009900Green
#0066FF
#0066CC
#006699
#006666
#006633
#006600Dark Green
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FFBlue
#0000CCMed. Blue
#000099Dark Blue
#000066Navy
#000033
#000000Black

kat cini cci nak share warna2 untuk code HTML ade banyak  warna yg korang leh pilih..^_^


◕‿◕✿ Terima Kasih singgah baca...kalo senang datangla lagi yer ✿◕‿◕

 

Copyright © 2012 Reserved to Gerbang Perkahwinan (Doodle Blog)
Design by Ccicutedesign