Post your userFiles!

Discuss application theming and theme development.
Locked
old FatJohn
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by old FatJohn »

Just to bump this great thread, here are my boring Firefox user files. My performance tweaks are not very thoroughly researched. I'm on a slow machine on a fast connection. Will edit this post as I change my files. If they're not very creative, at least they're properly commented! :)

userChrome.css

Code: Select all

/* set default namespace to XUL -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Remove things I don't use */
/* File Menu */
menuitem[label="New Window"],
menuitem[label="New Tab"],
menuitem[label="Open Location..."],
menuitem[label="Close Window"],
menuitem[label="Close Tab"],
menuitem[label="Close"],
menuitem[label="Send Link..."],
menuitem[label="Send Link..."] + menuseparator,
menuitem[label="Import..."],
menuitem[label="Import..."] + menuseparator,
menuitem[label="Work Offline"],

/* View Menu */
menuitem[label="Stop"],
menuitem[label="Reload"] + menuseparator,
menuitem[label="Page Source"],

/* Go Menu */
menuitem[label="Back"],
menuitem[label="Forward"],
menuitem[label="Home"],
menuitem[label="Home"] + menuseparator,

/* Tools Menu */
menuitem[label="Web Search"],
menuitem[label="Web Search"] + menuseparator,
menuitem[label="Read Mail (0 new)"],
menuitem[label="Check E-mail"],
menuitem[label="New Message..."],
menuitem[label="New Message..."] + menuseparator,

/* Help Menu */
menuitem[label="For Internet Explorer Users"],
menuitem[label="For Internet Explorer Users"] + menuseparator,
menuitem[label="Promote Firefox"],
menuitem[label="Promote Firefox"] + menuseparator
{display:none !important;}


/* Webpage Context */
#context-savepage,

/* Link Context */
#context-openlink,
#context-openlinkintab,
#context-bookmarklink,
#context-sep-open, /* Separator Below "Open Link in New Tab" */
#context-sep-copylink,

/* Bookmarks Context */
#bookmarks-context-menu menuitem[label="Expand"],
#bookmarks-context-menu menuitem[label="Open"],
#bookmarks-context-menu menuitem[label="Open in New Window"],
#bookmarks-context-menu menuitem[label="Open in New Tab"],
#bookmarks-context-menu menuitem[label="Open in New Tab"] + menuseparator,
#bookmarks-context-menu menuitem[label="New Separator"],
#bookmarks-context-menu menuitem[label="Sort By Name"],
#bookmarks-context-menu menuitem[label="Sort By Name"] + menuseparator,

/* Image Context */
#context-copyimage-contents,
#context-sendimage,
#context-setWallpaper,
#context-blockimage
{display:none !important;}

/* Hide Unavailable Context Options */
#contentAreaContextMenu menuitem[disabled="true"] {display: none;}

/* Change color of active tab */
tab{   -moz-appearance: none !important;}
tab[selected="true"] {
   background-color: rgb(222,218,210) !important;
   color: black !important;}

/* Change color of passive tabs */
tab:not([selected="true"]) {-moz-appearance: none !important;
   background-color: rgb(170,170,170) !important;
   padding-left: 2% !important;  padding-right: 2% !important;
   -moz-opacity: 0.8 !important;}

/* Italicize the title of unread tabs */
#content tab:not([selected]) {
  font-style: italic !important;}

/* Remove Close Button in Tabbar */
.tabbrowser-tabs .tabs-closebutton {display:none !important;}

/* Remove the space (and strip) between tab and the close button */
.tabbrowser-tabs .tabs-right {display:none !important;}

/* Remove the tabbar bottom border */
.tabbrowser-strip {border-bottom:none !important;}


userContent.css

Code: Select all

/* Add a @ in front of mailto: links */
a[href^="mailto:"]:before{content: "@ "; color: red; font-weight: bold; !important;}

/* Add .PDF after links pointing to a PDF file */
a[href$=".pdf"]:after{content: ".PDF"; color: red; font-weight: bold; !important;}

/* MozillaZine Forums Hack */
div#masthead + table td#sidebar {
  position:fixed !important;
  right: 2px !important;
  top: 55px !important;}

div#masthead + table td#main {
  margin-right: 180px !important;
  margin-left: 2px !important;
  width: auto !important;
  display: block !important;}

td#sidebar a[href="http://www.big-boards.com/"],
td#sidebar a[href="http://www.mozillazine.org/"] {
  display: none !important;}

div#masthead + table td#sidebar .sidebar {
  margin-bottom: 2px !important;}


user.js

Code: Select all

// Performance related


// Wait 0,5 second before staring to render page
user_pref("nglayout.initialpaint.delay", 500);

// Enable reflows during rendering
user_pref("content.notify.ontimer", true);

// Make 5 reflows during rendering
user_pref("content.notify.backoffcount", 5);

// Time between reflows is 0,4 second
user_pref("content.notify.interval", 400000);

// Interrupt parsing after 1,2 seconds
user_pref("content.max.tokenizing.time", 1200000);


// Enable HTTP 1.1 pipelining (for non-proxy)
user_pref("network.http.pipelining", true);

// Maximum number of pipelined requests
user_pref("network.http.pipelining.maxrequests", 8);

// Maximum number of HTTP connections
user_pref("network.http.max-connections", 48);

// Maximum number of HTTP connections per server
user_pref("network.http.max-connections-per-server", 16);

// Maximum number of persistent HTTP connections per server
user_pref("network.http.max-persistent-connections-per-server", 8);


// Disable IPv6 name lookups
user_pref("network.dns.disableIPv6", true);

// Drop FTP connection in 10 minutes
user_pref("network.ftp.idleConnectionTimeout", 600);

// Disable prefetching
user_pref("network.prefetch-next", false);

// Goto low frequency interrupt mode after 0,5 seconds
user_pref("content.switch.threshold", 500000);



// Preferences

// Set google.com homepage
user_pref("browser.startup.homepage", "http://www.google.com");

// Throbber points to about:config
user_pref("browser.throbber.url", "about:config");

// Disable sound when Find in This Page... fails to find search phrase
user_pref("accessibility.typeaheadfind.enablesound", false);

// Don't flash Find Toolbar when search phrase is found
user_pref("accessibility.typeaheadfind.flashBar", 0);

// Don't open Download Manager window when a download begins
user_pref("browser.download.manager.showWhenStarting", false);

// Remove entries from Download Manager upon successful download
user_pref("browser.download.manager.retention", 0);

// Always ask where to save downloaded files
user_pref("browser.download.useDownloadDir", false);

// Open links from external applications in new tabs
user_pref("browser.link.open_external", 3);

// Open links that would open a new window in a new tab
user_pref("browser.link.open_newwindow", 3);

// Don't replace existing tabs when opening a bookmarks folder in tabs
user_pref("browser.tabs.loadFolderAndReplace", false);

// New tabs from bookmarks load in background
user_pref("browser.tabs.loadBookmarksInBackground", true);

//  Open pages that would open a new window in a new tab
user_pref("browser.tabs.loadDivertedInBackground", true);

// Accept no cookies
user_pref("network.cookie.cookieBehavior", 2);

// Ask how long to keep cookies
user_pref("network.cookie.lifetimePolicy", 1);

// Don't read deprecated cookie preferences
user_pref("network.cookie.prefsMigrated", true);

// JavaScript isn't allowed to change Status Bar
user_pref("dom.disable_window_status_change", true);

// JavaScript isn't allowed to change images
user_pref("dom.disable_image_src_set", true);

// JavaScript isn't allowed to change focus
user_pref("dom.disable_window_flip", true);

// JavaScript isn't allowed to move or resize windows
user_pref("dom.disable_window_move_resize", true);

// JavaScript isn't allowed to alter context menus
user_pref("dom.event.contextmenu.enabled", false);

// Dislay error messages on pages
user_pref("browser.xul.error_pages.enabled", true);

// Show full paths to plugins in about:plugins
user_pref("plugin.expose_full_path", true);

// Disable Java
user_pref("security.enable_java", false);


// Don't warn when entering secure website
user_pref("security.warn_entering_secure", false);

// Don't warn when leaving secure website
user_pref("security.warn_leaving_secure", false);

// Don't warn when submitting a form to insecure page
user_pref("security.warn_submit_insecure", false);

// Don't warn when entering a mixed security page
user_pref("security.warn_viewing_mixed", false);

// Disable Password Manager
user_pref("signon.rememberSignons", false);

// Mouse can wonder 10 pixels off when dragging Scroll Bar
user_pref("slider.snapMultiplier", 10);

// Open submenus in 50 milliseconds
user_pref("ui.submenuDelay", 50);

// Only remember visited pages for 4 days
user_pref("browser.history_expire_days", 4);

// Don't check if browser is default
user_pref("browser.shell.checkDefaultBrowser", false);
Last edited by old FatJohn on October 15th, 2005, 5:50 am, edited 2 times in total.
User avatar
Yakkity_yak
Posts: 376
Joined: September 27th, 2005, 7:42 pm
Location: Yeah
Contact:

Post by Yakkity_yak »

the first code from the origanal made to work with fx's default theme without need for any images, and removed stuff to my liking.. gosh I haven't done this in a long time so things are not as expected, how to you get that orange hovering thing in this set up, and loading tabs color doesn't change color until finished loading.. i wish i had my old setup. :D

[userchrome.css]

/* -moz-appearance: none !important; */
/*------------Toolbars--------------------*/
/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Change font color for urlbar */

#urlbar {
color: #black !important;
}

/*-----------------------Status Bar-----------------*/

/* Statusbar override display of default text color & bg */

window statusbarpanel {
color: #black !important;
}

/*------------------------Tabs-----------------------*/
/* Change text color of active tab */
tab[selected="true"] {color: #black !important;}
/* Change text color of normal tabs */
tab {color: #grey !important;}
tab:hover {color: #003399 !important;}
/* Tab while loading text color */
tab[busy] {
color:gray !important;}
font-style: italic !important;}
tab:hover color: #003399 !important;}


/* Remove the tabbar bottom border */
.tabbrowser-strip {border-bottom: none !important; }

/* Make the active tab bold and change colors */
tab {
-moz-appearance: none !important;
}

tab[selected="true"] {
font-weight: bold !important;
font-style: !important;
color:black !important;
padding: 3px 2px 0px 2px !important;
}

tab:not[selected="true"] {
font-weight: normal !important;
padding: 3px 2px 0px 2px !important;
}

/* change corners of tabs */
tab {
border: #FFFFFF 1px solid important;
-moz-border-radius-topleft: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;
-moz-border-corner-fit: scale !important;
padding: 0px -2px 0px -2px;
}

/*-----------------------Margin and Padding--------------------*/

/*allows increase or decrease of padding or margin around icons selected for bookmarks */
/*#personal-bookmarks toolbarbutton {
margin: 0px 2px 0px 2px !important;
padding: 0px 0px 0px 0px !important
}
.toolbarbutton-1[checked="true"], .toolbarbutton-1[open="true"],
.toolbarbutton-menubutton-button[checked="true"],
.toolbarbutton-menubutton-button[open="true"] {
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important:
}

/* Enabled Menus on mouseover */
menubar > menu[_moz-menuactive="true"],
menupopup > menu[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"] {
color: #FFFFFF !important;
background-image: url("file:///D:/FF%20Test/invert.jpg") !important;
border: #FFFFFF 1px solid !important;
-moz-border-radius-topleft: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-radius-bottomleft: 4px !important;
-moz-border-radius-bottomright: 4px !important;
-moz-border-corner-fit: scale !important;

}

/* Set font color of popup menus */
menupopup > menu, menupopup > menuitem,
popup > menu, popup > menuitem
{ font-weight: normal !important;
color: #000000 !important; }

/* Dropdown & Messagepane font color*/
treechildren {
background-color: #ffffff !important;
}

/* Change Bookmark Toolbar Folder Icons */
#personal-bookmarks toolbarbutton[label="FF"] {padding: 0px 0px 0px 0px !important;}
#personal-bookmarks toolbarbutton[label="FF"] .toolbarbutton-icon {display: block !important;
list-style-image: url('file:///D:/pics/Blue1.ICO') !important; -moz-image-region: auto
!important; margin: 0px 2px 0px -2px !important;}
#personal-bookmarks toolbarbutton[label="FF"] .toolbarbutton-text {display: none !important;}

/* Change Bookmark Toolbar Folder Icons */
#personal-bookmarks toolbarbutton[label="TB"] {padding: 0px 0px 0px 0px !important;}
#personal-bookmarks toolbarbutton[label="TB"] .toolbarbutton-icon {display: block !important;
list-style-image: url('file:///D:/pics/Favicons/ico/Butterfly.ico') !important;
-moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}
#personal-bookmarks toolbarbutton[label="TB"] .toolbarbutton-text {display: none !important;}

/* Change Bookmark Toolbar Folder Icons */
#personal-bookmarks toolbarbutton[label="Puter"] {padding: 0px 0px 0px 0px !important;}
#personal-bookmarks toolbarbutton[label="Puter"] .toolbarbutton-icon {display: block
!important; list-style-image: url('file:///D:/pics/Favicons/Groovy.ico') !important;
-moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}
#personal-bookmarks toolbarbutton[label="Puter"] .toolbarbutton-text {display: none
!important;}

/* Change Bookmark Toolbar Folder Icons */
#personal-bookmarks toolbarbutton[label="Webpage"] {padding: 0px 0px 0px 0px !important;}
#personal-bookmarks toolbarbutton[label="Webpage"] .toolbarbutton-icon {display: block
!important; list-style-image: url('file:///D:/pics/Favicons/Water_Lilly.ico') !important;
-moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}
#personal-bookmarks toolbarbutton[label="Webpage"] .toolbarbutton-text {display: none
!important;}

/* Change Bookmark Toolbar Folder Icons */
#personal-bookmarks toolbarbutton[label="M"] {padding: 0px 0px 0px 0px !important;}
#personal-bookmarks toolbarbutton[label="M"] .toolbarbutton-icon {display: block !important;
list-style-image:
url('file:///D:/pics/FavIcons/BlueSkyIcons%B8%20Complete/BlueSkyIcons%B8/BlueSkyIcons%B8%205/
068.ico') !important; -moz-image-region: auto !important; margin: 0px 2px 0px 2px
!important;}
#personal-bookmarks toolbarbutton[label="M"] .toolbarbutton-text {display: none !important;}

/* Change Bookmark Toolbar Folder Icons */
#personal-bookmarks toolbarbutton[label="PSP"] {padding: 0px 0px 0px 0px !important;}
#personal-bookmarks toolbarbutton[label="PSP"] .toolbarbutton-icon {display: block
!important; list-style-image: url('file:///D:/pics/FavIcons/occ6.gif') !important;
-moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}
#personal-bookmarks toolbarbutton[label="PSP"] .toolbarbutton-text {display: none
!important;}

/* Change Bookmark Toolbar Folder Icons */
#personal-bookmarks toolbarbutton[label="Art"] {padding: 0px 0px 0px 0px !important;}
#personal-bookmarks toolbarbutton[label="Art"] .toolbarbutton-icon {display: block
!important; list-style-image: url('file:///D:/pics/FavIcons/ico/Spiral.ico') !important;
-moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}
#personal-bookmarks toolbarbutton[label="Art"] .toolbarbutton-text {display: none
!important;}

/* Change Bookmark Toolbar Folder Icons */
#personal-bookmarks toolbarbutton[label="Icons"] {padding: 0px 0px 0px 0px !important;}
#personal-bookmarks toolbarbutton[label="Icons"] .toolbarbutton-icon {display: block
!important; list-style-image: url('file:///D:/pics/FavIcons/Yingyang1.ico') !important;
-moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}
#personal-bookmarks toolbarbutton[label="Icons"] .toolbarbutton-text {display: none
!important;}

/* -----------------------Misc ----------- */
/* add an e-mail icon to mailto: links */
a[href^=”mailto:”] { background: url(mail.gif) no-repeat top left !important; padding-left:
20px !important; }

/* Removes majority of menu separators */
/* menuseparator {
/* display: none;
/* }

/*-----------------------New Entries-------------*/
/* adjust tab titles */
/* #content-tab .tab-top .tab-top tab-top tabbrowser tab > .tab-text-container
tabbrowser .tabbrowser-strip tab {
-moz-appearance: none !important;
-moz-border-radius-topleft: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;
-moz-border-corner-fit: scale !important;
padding: 0px 4px 0px 4px;
}

*/

/* adjust size of tabs
.tab-icon {
margin-top: 1px;
margin-right: 3px;
margin-left: 1px;
width: 14px;
height: 8px;
} */

tab {
border-color: transparent !important;
}

/* Eliminate Firefox Update icon in status bar */
#softwareupdate {display: none !important;}
Yakkity_yak, don't come back.
User avatar
dickvl
Posts: 54163
Joined: July 18th, 2005, 3:25 am

Post by dickvl »

I use this in userChrome.css to make the menubar more compact:

Code: Select all

/* Resize Menu Bar */
#navigator-toolbox toolbar   {max-height: 24px !important;}
#navigator-toolbox toolbarbutton {padding: 0px !important;}

/* Resize urlbar and searchbar height */
#urlbar, #searchbar .searchbar-textbox {
 height: 19px !important;
}

/* Remove some margins and padding */
.menubar-text {
 margin  : 0px 4px 0px 4px !important;
 padding : 0px !important;
}
menubar > menu {
 margin  : 2px 0px 2px 0px !important;
 padding : 0px !important;
}


Classic didn't work on the latest nightlies so I tried if I could make it work again. I didn't succeed to get the 3D look on the popup menu but the menubar has the 3D look again.
I've added this code at the beginning of menu.css to get back the 3D look on the menubar in DP 1.6a1.
menu.css is in {BEFA1A69-E483-498A-B436-35EF33D33458}

Code: Select all

menu { -moz-appearance: none !important;}


EDIT: see further down and this link
Last edited by dickvl on October 16th, 2005, 8:04 pm, edited 1 time in total.
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

dickvl wrote:
. I didn't succeed to get the 3D look on the popup menu but the menubar has the 3D look again.


Right now I'm not using a nightly but if they're still playing with code for a more native look then i think those have a -moz-appearance to them. You might try this,

Code: Select all

menupopup,
popup {
  -moz-appearance: none !important;
  border: 2px solid;
  -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
  padding: 1px;
  min-width: 1px;
  margin-top: 1px;
  background-color: Menu;
}
If this works and sub menus don't line up you may have to adjust this code

Code: Select all

menupopup > menu > menupopup,
popup > menu > menupopup {
  margin-top: -4px;
}
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

Duke D wrote:
Greg S wrote:
Duke D wrote:Could any1 please help me about with one more bit of code? Im looking for the code that determines the background image for the about page of extensions since i use a custom about page code it uses the same image for both about firefox AND extensions which doesnt look too good, Im pretty sure theres a code but i havent found it.

I do this also but the only work around I've found for it was to replace the custom about image in the browser jar of the program files.


Yeah i came to that conclusion aswell after spending about an hour trying to make the code work i finally gave up and just edited the about img.


Flipping through the pages of this thread i found out some other cool stuff although i have another question, Is it possible to remove the dotted line around drop down menus, checkboxes, and radio buttons? I searched through the thread but the codes didnt quite work :(

OK, it's been a while since I've done this. I've just gotten used to replacing it in the browser.jar. This code might work and should not affect the extensions about dialog.

Code: Select all

#aboutDialog #clientBox {
  background-image: your-image !important;
}

You say you are already using one so I assume you know to make it the same size in an attempt to cut down on the headaches. I used to have one larger and it was a pain to get everything lined up the way I wanted.
User avatar
dickvl
Posts: 54163
Joined: July 18th, 2005, 3:25 am

Post by dickvl »

Greg S wrote:Right now I'm not using a nightly but if they're still playing with code for a more native look then i think those have a -moz-appearance to them. You might try this,

Code: Select all

menupopup,
popup {
  -moz-appearance: none !important;
  border: 2px solid;
  -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
  padding: 1px;
  min-width: 1px;
  margin-top: 1px;
  background-color: Menu;
}
If this works and sub menus don't line up you may have to adjust this code

Code: Select all

menupopup > menu > menupopup,
popup > menu > menupopup {
  margin-top: -4px;
}
Thanks for your help Greg. I've put a complete version here
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

dickvl wrote:
Greg S wrote:
Thanks for your help Greg. I've put a complete version here

You're welcome dick. Glad you got it lookin the way you like it.
supernova_00
Posts: 4832
Joined: June 24th, 2004, 8:03 pm
Location: Maryland, USA

Post by supernova_00 »

anybody know how to make the menus open on mouseover?
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

supernova_00 wrote:anybody know how to make the menus open on mouseover?

I've always just used the alt and direction keys. Are you wanting them to open when you mouseover them?
supernova_00
Posts: 4832
Joined: June 24th, 2004, 8:03 pm
Location: Maryland, USA

Post by supernova_00 »

Correct, just trying to add some code be it javascript or css code to userchrome.css to make them open when I mouseover them
old FatJohn
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by old FatJohn »

Hi there people who know your CSS! I've got this in my userContent.css. It makes life easier but it is a bit blunt. I mean it looks kinda silly if say a mailto: link text allready contains an @. It's redundant to add the @ before it. Does someone know how to in such case just to make the @ in the link text red and bold? Or if it's possible? Same goes for the PDFs. Thanks for reading this.

userContent.css

Code: Select all

/* Add a @ in front of mailto: links */
a[href^="mailto:"]:before{content: "@ "; color: red; font-weight: bold; !important;}

/* Add .PDF after links pointing to a PDF file */
a[href$=".pdf"]:after{content: ".PDF"; color: red; font-weight: bold; !important;}
stevenhog
Posts: 2
Joined: October 15th, 2005, 5:22 pm
Location: San Francisco,Cali
Contact:

Files

Post by stevenhog »

You Bad! stevenhog
stevenhog
Posts: 2
Joined: October 15th, 2005, 5:22 pm
Location: San Francisco,Cali
Contact:

Re: Files

Post by stevenhog »

[quote="stevenhog"]You Bad! stevenhog[/quote]
old FatJohn
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by old FatJohn »

Thanks alot Jim! That works fine and does look better than the original.
User avatar
mai9
Posts: 1619
Joined: January 15th, 2003, 3:41 pm
Location: Barcelona
Contact:

Post by mai9 »

I want to use usercontent.css to replace those ugly folder icons at bloglines (see below) with the ones used on Firefox (for example). But I am waisting my time as I can't figure out how to do it, anybody can help?


Image Image soooo ugly!
Locked