Geekzone: technology news, blogs, forums
Guest
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.




676 posts

Ultimate Geek

Trusted

Topic # 15379 19-Aug-2007 18:32

Hi,
Who can help me to change the layout of my blog a little bit? I am not a pro html programmer (yet). Nobody's perfect.
http://www.geekzone.co.nz/Aloha
I'd like to have my profile on the left side and the main blog window on the righ (or centre) as freitasm or taniwha for example.
I tried to check their source code, but I didnt get smarter.. Smile

Please pm me if you have few free minutes to check my CSS code and tell me what to change exactly.
Thanks heaps in advance.





I is a kollege stoodent. Bee nice.

Create new topic
I iz your trusted friend
5811 posts

Uber Geek
+1 received by user: 140

Mod Emeritus
Trusted
Lifetime subscriber

  Reply # 82923 20-Aug-2007 09:23
Send private message

Mauricio and Juha's are specially designed... but a few mods and GZ bloggers managed to break some form and create a look and feel of a different kind.

The base/fundamental knowledge lies quite heavily on how to better use CSS to morph the HTML structure to a CSS driven layout. It's not easy, or "MySpace-que" method but you get to play and learn with different trials. Use the Use staged custom CSS to try out your style on your session. Everyone else will see what is in the "Custom CSS" but with you logged in, you will be only person to get the staged custom css.

I'd suggest start small like with colours and style... then venture in to css layout when you feel much ready. Study the HTML code to learn the HTML structure and pick up on the classes/ids of each respective block.

Draw out the layout that you would like to see in the final, develop the concept, and specify a few CSS rules/properties, then try it out in staged.

Good luck :-D


p/s: I haven't seen anyone tried 3-columns layout like mine, though mine doesn't look at elegant in colour but I think I was the first to break the layout to 3-columns and raised the challenge (to Brad, namely)... [hee hee]




Internet is my backyard...

 

«Geekzone blog: Tech 'n Chips Takeaway» «Personal blog: And then...»

 

Please read the Geekzone's FUG

 




676 posts

Ultimate Geek

Trusted

  Reply # 82925 20-Aug-2007 09:34

Thanks Chefie.
If you'd check my blog you'd see that I made already changes, colours, fonts, etc.

Then I tried to swap the windows, but dont know in which row I have to put the command exactly. I dont have too much time to start learning html programming, therefore I asked for help. I think for a pro would be just 5 minutes to help me. Or 3.
It's the lazy way, I know. But meanwhile I am waiting for help I am trying to solve it by myself too. Let's see.




I is a kollege stoodent. Bee nice.

 
 
 
 


I iz your trusted friend
5811 posts

Uber Geek
+1 received by user: 140

Mod Emeritus
Trusted
Lifetime subscriber

  Reply # 82927 20-Aug-2007 09:41
Send private message

don't be afraid to break into it... the HTML structure is fixed, so you won't kill the content (this is where the limitation ends) and to morph it the best you can using CSS, that just as easy as by trial and error and bit by bit so you won't have to revert back a lot of steps when something isn't working as you imagine.




Internet is my backyard...

 

«Geekzone blog: Tech 'n Chips Takeaway» «Personal blog: And then...»

 

Please read the Geekzone's FUG

 




676 posts

Ultimate Geek

Trusted

  Reply # 82929 20-Aug-2007 09:55

Ooops I did it. Now I have to find out how can I make the profile window narrower. :)




I is a kollege stoodent. Bee nice.



676 posts

Ultimate Geek

Trusted

  Reply # 82930 20-Aug-2007 10:03

Ooops I did it again. It is narrower.




I is a kollege stoodent. Bee nice.

Create new topic



Twitter »

Follow us to receive Twitter updates when new discussions are posted in our forums:



Follow us to receive Twitter updates when news items and blogs are posted in our frontpage:



Follow us to receive Twitter updates when tech item prices are listed in our price comparison site:



Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.


Geekzone Live »

Our community of supporters help make Geekzone possible. Click the button below to join them.

Support Geezone on PressPatron



Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.

Alternatively, you can receive a daily email with Geekzone updates.