Cara Membuat Tema Facebook Armada Plus Gambar Cara
Mau kan buat tema facebook Armada kayak gambar diatas, langsung aja disimak :
1. - Buka Link (Klik Ini) dan install di Mozilla anda.- Klik pada Intall Now atau Unduh sekarang.
- Tunggu beberapa saat akan ada perintah istall (klik saja nati Allow, yes, atau OKE, pada setiap permintaan isntall)
- Setelah terinstal Restart mozilla sobat.
2. Setelah itu buka File -> Pengaya -> User Styles dan klik Write New Style di Mozila anda.
3. - Kasih nama dan copy tulisan dibawah ini dan pastekan disana :
- Kodenya (Buat efek warna merah) :
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("facebook.com")
/*Themes and layouts for Facebook.
See more at www.templah.com*/
{
body, html,#content {background:#c20506 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvb6qLhMiPb-RL24PbJyhQPEjTWtwUGK2vqdi1UYzX3oQxukQev9mFR_F9EagbLyhHlydIVuNAHL_myyU5BtNt0Nfm9IKqd0L0ooU-6fz4OJmc7KaAccx0kZO2-9c8UbEj6T9EitMIFb6/s1600/armada.jpg) 50% 0% scroll !important;color:#000 top center fixed !important}
/* inicial */
#leftCol{background:url(http://i264.photobucket.com/albums/ii171/ppiedade/whiteb.png) fixed 20% 0% !important;background-repeat: no-repeat !important ;}
#newsfeed_tabs_wrapper {background: #c20506!important; }
#newsfeed_submenu, #newsfeed_submenu_content * {color:#ffffff!important;}
#newsfeed_wrapper {background:#ffffff!important;border:1px solid #c20506
!important;}
#home_sidebar * :not(a), #content { background: transparent !important; color: #c20506!important; }
h2 {color:#000000!important}
.feed_item .header_container .header_title_wrapper {color:#000000!important}
.fb_menu_dropdown .fb_menu_item a{background:#fd5253!important}
.fb_menu_dropdown .fb_menu_item a:hover {background:#c20506!important}
.applications .right_column {background:#ffffff!important}
.fb_menu :hover{background:#c20506!important}
#fb_menubar_aux .fb_menu .fb_menu_title a .menu_title:hover, #fb_menubar_aux #fb_menu_settings.fb_menu .fb_menu_title a:hover,#fb_menubar_aux .fb_menu .fb_menu_title a:hover,#facebook .hidden_elem, #blueBar{background:#c20506!important}
.rooster_info {background:#c20506!important}
.rooster_title {border-color:#000000!important}
.commentable_item.expanded_comments.collapsed_add_box .comment_bottom_add_link {background:#000000!important}
#newsfeed_submenu {background:#c20506!important;border-color:#000000!important}
.emu_ad .add_comment {background:#000000!important}
/*barra bem vindo*/
.fbnew_preview_bar {background:#fc0001!important;color:#000000!important; height:23px !important; margin: -2px !important;}
.profile_two_columns .right_column {float:left!important;}
/*barra principal*/
#dropmenu_container div, #fb_menubar, #fb_menubar_core .fb_menu .fb_menu_title a,#fb_menubar_core #fb_menu_inbox span , #headNavOut
{background:url(http://i264.photobucket.com/albums/ii171/ppiedade/vermelhocor.jpg) repeat scroll left top
!important;font-family:arial!important;color:#000000!important;background-color:#222 !important}
.fb_menu_dropdown .fb_menu_item_disabled span {color:#ffffff!important}
.commentable_item .show_all_link, .commentable_item .wallpost {background:#ffffff!important}
.profile .feedwall_menu .size_header {background-color:#ffffff!important;}
/*pop-ups*/
td.pop_content h2 span {background-color:#c20506!important}
td.pop_content .dialog_body {background-color:#c20506!important;color:#ffffff!important; font-family:arial bold !important;font-size:medium !important;}
td.pop_content .dialog_buttons {background-color:#ffffff!important;}
.ubersearch.search_profile .result {background:#c20506!important}
td.pop_content .dialog_summary {background:#ffffff!important}
/*td.pop_content .dialog_content,dialog_body,generic_dialog_popup,table.pop_dialog_table, td.pop_content .dialog_content, td.pop_content .dialog_body*/
generic_dialog pop_dialog, pop_dialog_table, pop_content pop_content {background:#c20506!important}
/*buttons*/
.dialog_content .dialog_buttons .inputaux, .dialog_content .dialog_buttons .inputaux_disabled, .dialog_content .dialog_buttons .inputbutton, .dialog_content .dialog_buttons .inputsubmit {background:#c20506!important;color:#ffffff!important}
.home_status_editor .home_status_editor_content .status_body {background:#ffffff!important;color:#ffffff!important}
/*profile page*/
.UIRooster_Content {background:#000!important;color:#000!important}
#profile_composer .composer_tabs ul li a.tab_link {background-color:#c20506!important}
/*cabeçalhos laterais*/
.profile .box h3.box_header{background:#c20506!important; color:#ffffff!important}
.box_column .box h3.box_header{background:#c20506!important; color:#ffffff!important;font-family:arial !important}
#profile_status{background:transparent!important;color:#000000!important}
.profile .top_bar ul.tabs li.selected a.tab_link ,.media_header {background:#c20506!important;color:#ffffff!important}
.profile .basic_info_summary dl.info dd{color:#c20506!important;background:#ffffff!important}
#profile_composer .status_composer {background:#c20506!important}
#profile_composer .placeholder_off div.hide_placeholder, #profile_composer div.show_placeholder {background:#c20506!important}
.profile_two_columns .right_column {background:#ffffff!important}
.minifeedwall .story{background:#ffffff url()!important;}
/*BOT SHARE*/
.UIComposer_Button,UIComposer_ButtonContainer,UIComposer_TDButton,UIComposer{background:#fe0000!important}
.minifeedwall .status_story {color:#000000!important}
.minifeedwall{background:#ffffff!important; color:#000000!important}
.minifeedwall .date_divider span {background:#ffffff!important;color:#000000!important;font-family:arial !important;font-weight:bold!important;font-size:x-small!important}
#feedwall_controls {background:#ffffff!important;}
#feedwall_controls h1, #feedwall_controls h2, #feedwall_controls h3,#feedwall_controls h4,#feedwall_controls h5,#feedwall_controls a,#feedwall_controls .one_liner h2 a {color:#000!important}
.minifeedwall .wall_story .story_content, .minifeedwall .from_friend_story.wall_story .story_content {background:#c20506 !important;color:#000!important;border-bottom:1px solid #000!important;}
.commentable_item.expanded_comments .comment_box {background:#ffffff!important}
.profile .basic_info_summary dl.info dd {color:#000000!important;font-family:arial!important}
.products .main_column, div#page_height.clearfix, div.UIOneOff_Container, .UIMediaHeader_SubHeader, .UIMediaHeader_TitleWash,.UIWashFrame_MainContent, .profile .right_column_container, .UIFullPage_Container, .UIStandardFrame_Container {background:url(http://i264.photobucket.com/albums/ii171/ppiedade/redb.png) fixed 50% 0% !important;background-repeat: repeat !important ;}
.profile .primary_box_orientation_attachment {background:#c20506!important}
#profile_composer .composer_tabs ul li.selected span {background-color:#ffffff!important;font-family:arial!important}
.profile .top_bar ul.tabs li a.tab_link{background:#ffffff!important;color:#000000!important}
.profile_two_columns .left_column{background:#ffffff!important}
.actions a.action, .viewer_actions a.action {background:#ffffff!important}
/*fundo perfil superior*/
.profile .profile_top_bar_container{background:url(); margin: 0px 10px 0px -10px!important}
.home_main_item .commentable_item .wallpost, .minifeedwall .commentable_item .wallpost {background:#c20506!important;color:#ffffff!important}
/*friends*/
.fdh .content {background:#c20506!important}
.fmp #friends_target {background:#fc4344!important}
#fpgc tr{background-color:#fc4344!important}
.frn {background-color:#ffffff!important}
.fmp .footer_bar {background:#ffffff!important}
.ffriend {background:#fc4344!important}
.fmp #friends_target .user_status{background-color:#ffffff!important}
#friend_filters {background:#fc4344!important}
.inputsearch {background-color:#ffffff!important}
.frn .people_you_may_know, .frn .friend_finder, .frn .invite_friends, .ffriend {color:#000000!important}
.fmp .user_status .status_composer .status_field, .fmp {background:#c20506!important}
/*inbox*/
.composer, .thread_header{background:#c20506!important}
.inbox_menu{background:#c20506!important}
.notifications .side_column{background:#fc4344!important;}
.notifications .side_column li{color:#000000!important}
.notifications h4, .notifications h5{color:#000!important;font-weight:bold!important}
.read_updates, .updates_all, .notifications{background:transparent!important}
.message_rows .new_message {background-color:#ffffff!important}
/*GERAL*/
/*CAIXA DE TEXTO NO ALTO*/
.list_drop_zone, .msg_divide_bottom, textarea, input[type="text"], input[type="file"],
input[type="search"], input[type="input"], .inputtext, input[type="password"], .space,
.tokenizer, input[type="hidden"], .FriendAddingTool_Menu, input[type="input"],
#flm_new_input{background: #a50505!important;-moz-appearance:none!important; color: #ffffff!important;}
#home_main:not(a), #content { background: transparent !important; color: #000000!important; }
/*.....transparência.....*/
.UIRoundedBox_Corner, .quote, .em, .UIRoundedBox_TL, .UIRoundedBox_TR, .UIRoundedBox_BR, .UIRoundedBox_LS, .UIRoundedBox_BL, .profile_color_bar, .pagefooter_topborder, .flyout_menu_header_shadow, .flyout_menu_header, .flyout_menu_mask, .flyout_menu_content_shadow, .menu_content, .newsfeed_more_section, .newsfeed_more_flyout_apps, .newsfeed_more_flyout_wrapper, .flyout_menu_content_shadow, h3, #feed_content_section_friend_lists, .comment_box, .comment, #homepage_bookmarks_show_more, .profile_top_wash, .canvas_container, .composer_rounded, .composer_well, .composer_tab_arrow, .composer_tab_rounded ,.tl, .tr, .module_right_line_block, .body, .module_bottom_line, .lock_b_bottom_line, #info_section_info_2530096808 .info dt, .pipe, .dh_new_media, .dh_new_media .br, .frn_inpad, #frn_lists, #frni_0, .frecent span, h3 span, .UIMediaHeader_TitleWash, .editor_panel .right, .UIMediaButton_Container tbody *, #userprofile, .profile_box, .date_divider span, .corner, .profile #content, .profile #content .UIOneOff_Container, #facebook, #menubar_container{background: transparent !important;}
.module .topl_lrg h1{color:#fd0000 !important;font-family: arial !important;}
/*
novas corrercs
*/
.fbChatMessage{background:#ffffff!important;color: #000000!important}
#headNav , .fbNubFlyoutTitlebar{background:#be1631!important;height:37px !important;}
.titlebarText {color: #ffffff!important}
.fbChatSidebarBody{ background:#ffffff!important; }
.fbTimelineScrubber {margin:102px -400px 0 0 !important; }
#fpgc {background:none!important;width:750px!important;border-color:#ffffff!important;}
#ffriends, #friends_right_cell, .ffriend, .fmp, .fsummary, .frn, .frni, .frni.active_list a {background-color:#ffffff!important;border-color:#000000!important;}
#friends_left_cell h3 {font-size:13px!important;font-family: arial !important; padding-left:27px!important;}
.fadvfilt {background:none!important;padding-top:3px!important;}
.formerror{color:black !important}
.promo,.warning{color: #000000!important}
.alttxt{color: #000000!important}
.requiredfield{color: #000000!important}
.floatanchorselected{background-color: #000000!important}a,.floatanchornormal{color: #000000!important}span.adsurl{color: #fffcfc!important}.inlinecorrect{color: #ffffff!important}a:hover,.parabtns a.btn:hover,.inlinebtns a.btn:hover{color: #ff9494!important}a.userbutton:hover{color: #ffffff!important}#header li a,ul.intabs li.sel a{color:#000000!important}/*
MORE THEMES AND LAYOUTS IN WWW.TEMPLAH.COM
*/
}
- Kemudian SAVE.
- Masih belum selesai temanya walaupun di FB anda sudah ada gambar Armadanya.
4. - Kemudian ikuti langkah 2 lagi tapi dengan kode dibawah ini :
/*-------------------------------------------------------------------*/
/*Transparant Facebook Skin by FBSkin.com*/
/*URL: http://fbskin.com/iron-man-2-facebook-skin.html*/
/*For more facebook skin please visit: www.fbskin.com */
/*-------------------------------------------------------------------*/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("facebook.com") {
body{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvb6qLhMiPb-RL24PbJyhQPEjTWtwUGK2vqdi1UYzX3oQxukQev9mFR_F9EagbLyhHlydIVuNAHL_myyU5BtNt0Nfm9IKqd0L0ooU-6fz4OJmc7KaAccx0kZO2-9c8UbEj6T9EitMIFb6/s1600/armada.jpg") #fff top center fixed !important;
}
body>#blueBar{ background: none !important;}
.jewel, .jewelBox{ border: none !important; }
.jewelBox{ background-color: rgba(255,255,255,0.9) !important; }
#headNavOut{ background: none !important; border: none !important }
#pageNav a { color: #111 !important; }
#pageNav a:hover { color: #333 !important; background: none !important; }
#navAccount{border: none !important;}
#navAccount ul{ background-color: rgba(255,255,255,0.9) !important; border: none !important; }
#contentCol,#left_column,#right_column{ background-color: rgba(255,255,255,0.4) !important; border: none !important;}
.inputtext,.add_comment_text,.uiMorePager, .box_header{ background-color: rgba(255,255,255,0.5) !important; }
.ufi_section, .photo_table, .photo_container{background: none !important; border: none !important;}
#sidebar_ads, #pagelet_adbox, #ego{
display: none !important;
}
#photoborder{ background-color: rgba(255,255,255,0.4) !important; border: none !important; padding: 10px 0;}
.profile_sidebar_ads{ height: 30px; }
#pagelet_chbox{border: none !important;}
#pageFooter, #rightCol, #contentArea, .UIStory, #mainContainer, .profile_top_wash{background: none !important; border: none !important;}
#contentCurve{ display: none !important; }
.gray_box {background-color: rgba(255,255,255,0.4) !important; border: none !important;}
#pagelet_tab_content{ padding: 10px; }
.uiSideNav a { border: none !important; }
.uiSideNav li.selected a{background-color: rgba(255,255,255,0.4) !important;}
.uiSideNav a:hover{background-color: rgba(255,255,255,0.4) !important;}
}
- Kemudian SAVE.
5. Dan coba lihat FB kamu, tema Armada telah jadi.
krend
BalasHapus