Skip navigation.

Technologically Challenged

, ,

Alright, people. All my friends have these cool layouts/designs for their blogs, and I want one, too! But there's one problem--I have no idea how to do it. So, if any of you geniuses would like to share your secrets, send me an email, or leave a comment. I'm sick of black, and I don't like boring.

I promise to start blogging again as soon as my page looks like somewhere I'd actually like to visit :smile:

Thanks!

For my own personal amusement...Tickets to the Gun Show

Comments

Casey² 18. February 2009, 21:16

I can give you a bunch of the code I use if you want it. :smile: Most of what I know I got from just tweaking it endlessly. :lol: Just let me know what you want to change, and I'll post it here or PM it to you. :smile:

pauliticalmind 18. February 2009, 21:22

Oh, I don't know...like everything? :D I'd like a different background, and a different picture across the top, for starters. When it comes to "tweaking code" I may have some problems. It's like a foreign language :confused:

Casey² 18. February 2009, 21:24

I can give you those to start with. Code isn't too bad once you get the gist of it..well, sometimes it can be freaky. P: The Banner (picture across the top) and backgrounds codes are really easy, so that's a great start. :smile:

pauliticalmind 18. February 2009, 21:31

awesome--thank you! :cheers:

Casey² 18. February 2009, 21:31

Your banner: The standard dimension for the banner is 920 long by 170 high. In the code I gave you, it has the height set at 300 (height:300px;). You can change that or leave it there, whichever you prefer.

/*Banner*/
#top2 {
height:300px;
background:url(http: );
top left no-repeat;
}

To hide the blog title:
#top2 h1 {display:none;}
#subtitle {display:none;}

Your background: You're going to want a seamless background tile or solid color, so that it tiles correctly. There are a lot of sites online that you find different backgrounds, or you can make them with GIMP (free) or Photoshop. This: background:#000000 controls the background color when it's loading. 000000 is black in hex. Just make sure you use a hex code though. http://www.colourpicker.com is a great site to find the hex code for a color. :smile:

body {
background:#000000 url(http:// )
}

Casey² 18. February 2009, 21:33

You might not thank me after that post. :lol: BTW, "(http:// )" is where you add the url for the graphic you're going to use. :smile:

pauliticalmind 18. February 2009, 21:38

holy f%*@! this might take a while :lol:

thank you, though...i'll try my best!

Casey² 18. February 2009, 21:42

:lol: It is pretty intimidating at first. Just ask if you have any issues and I'll see what I can do. :smile:

Angeliki 18. February 2009, 22:36

I love Amir for preparing all for mine :smile:
if you like to be Greek i will give you my code too p:

darn it ,
I see at your picture and
it is scary of how much we look alike :eyes:

pauliticalmind 18. February 2009, 22:55

I think there's only room for one Greek Goddess around here, Angeliki :wink:

As for the pictures, we are a couple of MILFs, aren't we! :lol:

Ripp 18. February 2009, 23:54

Stop your whining... ya freaking taco... :whistle: it isnt that hard... not that I can do it. :lol:



:devil:

Casey² 18. February 2009, 23:55

:lol: You could do it if you put your mind to it, Rippsy. :whistle:

pauliticalmind 18. February 2009, 23:58

well look who the cat dragged in :devil: i've been trying to chime in on your blog, but blanched almonds and acne are not my areas of expertise :D i'm afraid i had nothing to offer :confused:

Angeliki 19. February 2009, 00:51

:hat: for acronyms :lol:
yes that we are!
but I don't do almonds and acne pops either

p:

Angeliki 19. February 2009, 01:12

Photobucket

Ripp 19. February 2009, 02:04

:lol: now that is one of the best pictures ever ellin...

pauli, you act like you had something to offer other times, just kidding, your sense of humor is quite special... :whistle: kittens didnt drag me here... the inspiration was provided by taco alone... P:

Is anyones expertise in almonds and acne? Homer: Doh! wait, sorry darg...

Just thought i would stop here and say hello to your three... :smile:

best wishes. adios...

Casey² 19. February 2009, 03:17

You smart ass. :lol: I know miscellaneous tid-bits about a ton of things. P:

pauliticalmind 23. February 2009, 13:47

thank you, jedi master Lee. :ninja:

Lee Harvey 23. February 2009, 14:11

BTW, if you're using Opera (you should be), then you can add the "Color Picker" widget from here: http://widgets.opera.com/widget/11822/
Which, unlike colourpicker.com, contains:

* "Web Safe Colors" -- those correctly rendered across browsers, and at different pixel depths (eg, 256 colors, 16-bit color, 24-bit color, 32-bit color)

* "Web Named Colors" -- Those that can be entered by name (eg, darkslategray), instead of hexadecimal red-gree-blue (RGB) format (eg, #2f4f4f).

Enjoy.

studio41 26. February 2009, 06:17

doesn't one have to download OPERA in order to be all fancy about things?

Casey² 26. February 2009, 15:32

Nope. You can use any browser to change your theme.

pauliticalmind 26. February 2009, 15:38

so...i've been busy and haven't really messed with all this yet (with any success). maybe i'll get to it this weekend? :confused:

Casey² 26. February 2009, 15:41

Something that'll help is reloading the page after you save the changes. It took me a few hours to figure that out when I first started. Otherwise, your changes that you made won't show up. :lol:

studio41 27. February 2009, 05:29

:confused: Golly, I wonder why it didn't work for me before?! I'll have to read up on your directions...

Casey² 27. February 2009, 15:18

LeeHarvey posted some good sites up above. There are a couple of other blogs on here that give great directions too. :smile:

studio41 28. February 2009, 03:10

I tried to change my banner but couldn't figure out where to put the file into the CSS... Homer: Doh!

Casey² 28. February 2009, 04:23

Your file is a picture, correct? Have you uploaded the picture to My.Opera, Photobucket, or something similar?

Here's what your code for the banner should look like. Just change the url on this one to where your banner is located.


#top2 {
height:300px;
background:url(http://files.myopera.com/dragon_harrower/mods/CoffeeBannerFinal.jpg);
top left no-repeat;
}

Casey² 28. February 2009, 04:45

After looking at your code, I can see what's going on. You have the banner code posted twice and you have a bunch of stuff that you don't need on there. I'd get rid of all the code you have in the user css (save it in a word file or notes if you want) and just put the banner code. Your banner is only 468x60, so it's going to be really small. That's why the code wasn't working for you though.

studio41 28. February 2009, 06:55

hmmm... I took out the 300px on your code and it managed to post something, although not what I wanted...

I did get rid of the CSS code entirely, had a EUREKA moment then read your advice, thanks.

any idea about the banner though? why it is posting more than one length-- as well, I don't want two banners and the default is still overlaying.

?

Casey² 28. February 2009, 16:58

Sorry about taking over your post Pauli. :smile: Tell me if you want me to move my comments elsewhere and I'll do that.

Studio41,

It was tiling because the standard width for the blog banners is 920px. If the banner you're putting up isn't 920, it's going to tile. I see you got it to keep from tiling. Great job. :D

You're welcome for the help. :D

You're banner looks pretty good right now. What did you want to do with the banner? You can hide the blog title if you want, move it, or leave it where it is.

To hide the blog title:
#top2 h1 {display:none;}
#subtitle {display:none;}

To move the blog title:

div#top2 h1 {
padding-top:20px;
font-family:verdana;
text-align:center;
font-weight:normal;
font-size:25pt;
color:black;
}
div#top2 p#subtitle {
font-family:verdana;
text-align:center;
font-weight:normal;
font-size:15pt;
color:black;
}

You can change the text-align to right or left as well.

pauliticalmind 28. February 2009, 20:10

no problem! I'm reading them, as well :smile:

Casey² 28. February 2009, 22:00

*whew* I tend to get excited about some things and this is one of them. :lol:

studio41 1. March 2009, 07:04

Thank you Pauli for letting this happen :smile: it's finally happenin for me! -+- Dragon, thank you for the information... I will have to play around with the banner a bit more to fill it entirely with the picture. I don't really want to stretch it across... do you have a converter program link to scale photos? How about some CSS pre-fabbed code for new looks? I erased mine and may need another copy, it didn't seem to manipulate anything when I inserted some codes into it...

until I got rid of the whole thing, wondering why. I have a million more questions, but I'll keep fussing with this for awhile :smile:

Casey² 1. March 2009, 21:24

I'm more than happy to help. It pissed me off for the longest time that I didn't know how to modify my blog beyond the preset stuff. :lol:

I could probably find a converter link. I make all my banners myself, so I'm not really sure how to convert stuff yet. I'll see what I can find though. I have some prefab stuff on my blog, and drlaunch has some prefab designs too. Bear in mind with my prefab stuff, I was still a bit new to the whole thing, so they aren't that great. I have tons of codes for here, so depending upon what you want, I'll see what I can find.

studio41 2. March 2009, 05:35

dragon, paragraph one: I hear ya! myspace is simple, CSS stuff :frown:

I'm looking for megacool crazy space stuff-- thanks for helping, I started very simple! :wink: I was actually going to stretch my banner over the top, but my husband likes it as is and it's grown on me, too. Maybe I'll insert a few words or a link, I don't know. It's fun to have a start, though!

Hi Pauli.

pauliticalmind 2. March 2009, 13:59

don't mind me, i'm just eavesdropping :smile:

Casey² 2. March 2009, 15:59

I loathe Myspace's CSS. It took me about three weeks to figure out how to put a premade layout on there. :lol: I can modify it to what I want, but I hate messing with the contact tables. Major pain. :lol:

You're welcome. :smile: I don't know what browser you use, but if you ever use Firefox, they have an extension called "Web Developer." You can use it to see the CSS on whatever site that you're on. :smile: It's a little overwhelming at first, but it's a great way to get the code for stuff.

studio41 4. March 2009, 07:11

I use Internet Explorer. psst. Paulie, you still eavesdropping?! :wink:

pauliticalmind 4. March 2009, 13:31

sure am...obviously not too closely, b/c my design is still exactly the same. i have no patience for this stuff. Homer: Doh!

Casey² 4. March 2009, 16:09

IE? Ye gads. I just check stuff my designs to make sure they load right on it and for Microsoft updates. Otherwise it Opera or Firefox.

I have to keep entertained sometimes, so this is what I do. :lol:

Lee Harvey 4. March 2009, 17:39

Sheesh girl, take action! You had enough patience to blog this topic (and read the comments), now finish the job. You're letting us down.

pauliticalmind 4. March 2009, 19:42

yeah yeah yeah...i'm workin on it. have to find the perfect picture :smile: til then, bet on black (as my background, that is).

Casey² 4. March 2009, 19:47

Just tweak the code. You know you want to. P:

pauliticalmind 4. March 2009, 19:58

no, i WANT to stab CSS in the eyeball :irked:

Casey² 4. March 2009, 20:01

:lol: Just start off my changing the background color. You'll make mistakes, but it's interesting to see what one mistake can do to the code. :left: Yes, I'm a freak like that. :right:

studio41 5. March 2009, 06:36

:lol: both of you

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies