This is amazing ! Although I am having difficulty with the Google page which is my personal favorite

A little question, how do you get your background of your blank page to be black in colour instead of the default white? Now I have the B-stage picture centred on a white page unlike yours.

 

Oh, I forgot I had even changed that.

 

Just go to edit the code and find "background-color:#FFFFFF !important; " and change all of the "F"s to "0"s so it'll be "background-color:#000000 !important;" instead.

 

You can actually change the background to whatever color you want using this chart http://html-color-codes.com/ and replace the "F"s with the code for the color you want.

 

It would be nice if you posted that code for google, 'cause I want my logo a little bit higher.

 

I edited the first post to add how to make the google logo and search box higher or lower, hopefully that'll help.

For the google ones, I dont know what I did wrong because I got this

 

 

 

 

instead of the ones u have :confused:

I've managed to add that new background onto google but now i just want to make the search bar lower (the search bar only) and i don't understand how you do it. I can't find that bit of code you say we're meant to change :confused:

^ Look at the original post again, there are so many little things i added myself that I forgot I did so hopefully it'll be clearer now. Also, when you're looking for codes that you need to change i found it easier to copy and paste the entire code into a word document or notepad and then ctrl+F to find the specific line.

 

 

For the google ones, I dont know what I did wrong because I got this

 

instead of the ones u have

 

It might be because you are using iGoogle instead of the regular Google. I don't know for sure as I didn't write the code myself, but he might not have included the igoogle logo and top bar in the code.

How do I change from igoogle to google?

Sorry I am really technology illiterate..:confused:

Or, if you just want to move the search bar up or down, find this in the code

 

 

input[name=q]

{

background:#181818 !important;

color:#b8b8b8 !important;

padding: 0px 5px !important;

width:250px !important;

margin-top: 86px !important;

}

 

a

{

text-decoration:none !important;

}

 

 

add the bolded line and change that number up or down to fit how high or low you want the search bar.

 

Please help, can you tell me whereabouts this bit of the code is cos i cannot see it :sad:

^ I just took a look at the code i have and the one provided by the style now, and the designer of it must have altered things a bit since I downloaded, because the part im asking you to find isnt there anymore! Just copy and paste the bolded part in the spoiler and add it into your own code and then the blue number change to fit how high or low you want the search bar...sorry for the confusion!

 

/*

* Google Web Search - Dark Blue (Transparent version) by Waffle

* Credit to the following:

* Valacar - Google Web Search - dark blue redesign (vC) [http://userstyles.org/styles/843] March 27th 2008

* Griffal - @bsolutely the best skin 4 Facebook - summer theme [http://userstyles.org/styles/6775]

* Paweł Kubisz's - @bsolutely the best skin 4 Facebook - Spring Skin [http://userstyles.org/styles/5537]

*

*

* copy to gedit, notepad etc and do a find/replace to change to google.com etc

*/

 

@-moz-document url(http://www.google.com/),

url-prefix(http://www.google.com/webhp),

url-prefix(http://www.google.com/search?),

url-prefix(http://www.google.com/advanced_search),

url-prefix(http://www.google.com/preferences),

url-prefix(http://www.google.com/language_tools),

url-prefix(http://images.google.com/webhp),

url(http://www.google.com/intl/en/),

url(http://www.google.com/intl/en/options/),

url-prefix(http://www.google.com/movies),

url-prefix(http://blogsearch.google.com),

url-prefix(http://www.google.com/custom?),

url-prefix(http://www.google.com/#hl),

url-prefix(http://images.google.com/images?),

url-prefix(http://news.google.com/news?),

url-prefix(http://scholar.google.com/schhp?) {

 

body

{

background-color: transparent !important;

background-image: url("http://i171.photobucket.com/albums/u311/JJP9090/Reign_of_love__by_Qudee.png") !important;

background-attachment: fixed !important;

background-repeat: repeat-x !important;

background-position: bottom left !important;

}

 

#res {background: #30466e !important; opacity:.8!important}

 

 

input[name=q]

{

background:#181818 !important;

color:#b8b8b8 !important;

padding: 0px 5px !important;

width:250px !important;

margin-top: 86px !important;

}

 

 

 

 

 

How do I change from igoogle to google?

Sorry I am really technology illiterate..:confused:

 

See in the top right corner of your screen when you are on iGoogle it says "Classic Home"? Just click that and it should bring you to the regular Google page.

^^ Thanks, i've got it just how i want it now, it looks great! :D

Oh, I forgot I had even changed that.

 

Just go to edit the code and find "background-color:#FFFFFF !important; " and change all of the "F"s to "0"s so it'll be "background-color:#000000 !important;" instead.

 

You can actually change the background to whatever color you want using this chart http://html-color-codes.com/ and replace the "F"s with the code for the color you want.

Thank you!!! :D

See in the top right corner of your screen when you are on iGoogle it says "Classic Home"? Just click that and it should bring you to the regular Google page.

 

Oh now it's working for me...Thanks!

I just did this and it looks awesome!! thanks so much for sharing it!!

i didn't do google yet cause it was being annoying and im super tired but i will tomorrow!

:D

Only thing is, the top VIVA is not centered... but great stuff anyway :D.

THATS awesome!! i love iiit <33 thaanks! x

For the google background, rather than the image stretching to fill up the google screen, it stays at it's original size and then starts to repeat itself towards the right. How do I make it stretch?

iGoogle is the worst thing ever :facepalm:

talking about sites and stuff, what is the html code of the this blue color? (in the blocks on this site :])

This is so cool! The Google picture is quite awesome.

talking about sites and stuff, what is the html code of the this blue color? (in the blocks on this site :])

#2E4460

Amazing!! thanks! :nice:

Wow, this is awesome! I love the google page :heart:

But does anyone know how to make the image stretch instead of repeat :P ?

I haven't been able to figure out a way of stretching it through code, but you can save and edit the pic with a border of black to fill up the extra space.

Edit:Heres the one I edited to fit my new, larger screen

 

 

yeahhright.

Making firefox personas is fun.

And I think I'm going to make one with the Coldplay simpsons :cheesy: