Mac GUI City :: Profile & Preferences Help

Username: Password:   Auto Login    Not a member? Register here!
Search | Help

FAQ

Profile & Preferences Help
User Preferences and settings
How do I change my settings?
The times are not correct!
I changed the timezone and the time is still wrong!
My language is not in the list!
How do I show an image below my username?
How do I change my rank?
When I click the email link for a user it asks me to log in.

Web Services Activation
What are Web Services?
What does the Service Status mean?
Why do we need this personal information?

CSS Guide
Introduction to CSS
CSS One-liners
Tweakable CSS Codes
CSS Code Definitions

 

User Preferences and settings
How do I change my settings?
All your settings (if you are registered) are stored in the database. To alter them click the Preferences link at the top of any page. This will allow you to change all your settings.
Back to top
The times are not correct!
The times are almost certainly correct; however, what you may be seeing are times displayed in a timezone different from the one you are in. If this is the case, you should change your profile setting for the timezone to match your particular area, e.g. London, Paris, New York, Sydney, etc. Please note that changing the timezone, like most settings, can only be done by registered users. So if you are not registered, this is a good time to do so, if you pardon the pun!
Back to top
I changed the timezone and the time is still wrong!
If you are sure you have set the timezone correctly and the time is still different, the most likely answer is daylight savings time (or summer time as it is known in the UK and other places). The system is not designed to handle the changeovers between standard and daylight time so during summer months the time may be an hour different from the real local time.
Back to top
My language is not in the list!
The most likely reasons for this are either the administrator did not install your language or someone has not translated Mac GUI City into your language. Try asking the administrator if they can install the language you need or if it does not exist, please feel free to create a new translation.
Back to top
How do I show an image below my username?
There may be two images below a username when viewing posts. The first is an image associated with your rank; generally these take the form of stars or blocks indicating how many posts you have made or your status on the forums. Below this may be a larger image known as an avatar; this is generally unique or personal to each user. It is up to the administrator to enable avatars and they have a choice over the way in which avatars can be made available. If you are unable to use avatars then this is the decision of the admin and you should ask them their reasons (we're sure they'll be good!)
Back to top
How do I change my rank?
In general you cannot directly change the wording of any rank (ranks appear below your username in topics and on your profile). Ranks are used to identify certain users. For example, moderators and administrators have a special rank.
Back to top
When I click the email link for a user it asks me to log in.
Sorry, but only registered users can send email to people via the built-in email form. This is to prevent malicious use of the email system by anonymous users.
Back to top

Web Services Activation
What are Web Services?
Your Web Services are all the Mac GUI-related features that have to do directly with the Internet and World Wide Web: email, Usenet posting, and web hosting.
Back to top
What does the Service Status mean?
Grey 'Inactive' text means that your Web Services are not available now. You will not be able to use your Mac GUI email or web hosting. Generally, an Inactive status means you need to fill in the required data.

Blue 'Processing' text means that the system has received your data and is currently processing your new email and web hosting account. It generally takes the system about 30 minutes to activate your Web Services. If you see the blue 'Processing' text for longer than one hour, please contact and Administrator.

Green 'Active' text means that your Web Services are set up and ready for you to use.

Red 'Inactive' text means that an Administrator has disabled your Web Services, likely for reasons of abuse. Contact Mac GUI Support for further instruction.
Back to top
Why do we need this personal information?
You need to be held accountable for your actions. If you're not prepared to give us information that allows us to identify you, then we're not prepared to risk offering our services to you.
Back to top

CSS Guide
Introduction to CSS
What is CSS? CSS stands for Cascading Style Sheets and is a coding language that defines what your profile looks like. You can move things around, change images and add background pictures, even add and remove different sections.

CSS isn't one of the easiest things to learn; in fact, you will probably end up with a lot of "messed up pages" before you really get the hang of it, but it's worth learning and when you master it, you will have unlocked the full power of Mac GUI City Profiles and will be able to craft an amazing profile page.

When you use CSS in your Profile, you can either build upon the default CSS codes which have been provided for you, or you can add in all of your own codes and build your own custom profile from the ground up.

If you have experience with CSS, you will be able to skim through this guide; you will probably only find the CSS code definitions of use. Otherwise, if you are newbie, you should take time to read through all of the guide. I also recommend doing small edits, say just one or two-liners, to see how things work. Remember: any "damage" you do to your profile is fixable! Just find which line of CSS code is causing the problem and either fix or remove it. You should experiment and see what effects you can get. I also recommend making some notes on the changes you make; this will make it easier to locate the source of trouble later on if your code gets complex and develops any problems.
Back to top
CSS One-liners
The thing about CSS is that it uses plain English words to describe the effects. Here is a list of one-liners. What you do is copy the bold code, then go to Preferences -> Theme and paste the code into the text box that says 'Your CSS code'.

Try out any of the following codes that interest you and see what happens:

.section h2{text-indent: -10000px;}
This makes all the header text disappear (or move very far to the left) so that you can use an image instead of the basic text header labels.

#commonFriends{display:none;}
This makes it so your common friends don't show up when other people visit your page. Commonly used if your layout depends on your details box being a set size.

#friends #friendGroup li{border-right:0px;}
Get rid of the line along the side of the list of your friends.

.caption:before, .caption:after, .caption2:before, .caption2:after{display:none;}
Get rid of the rounded corners. Some browsers will show extra white edges and this will ruin your design if your background isn't white.

#comments .avatar, #comments .avatar2{display:none;}
This removes the avatar of the person who has commented. This is a good thing to do if your comments box is less than 300 pixels wide.

#about .links {display: none;}
Makes the links at the top of your about section (view posts, suburbs, shop) disappear.

#site{margin-left: auto; margin-right: auto; width: 760px;}
Centers your profile

#content, #header{border:0px;}
Gets rid of the gray line on the right side of your profile.

#footer {display: none;}
Removes the profile hit counter.

By now, you may be getting to understand the format of CSS codes. It works like this: You have the thing you want to change, let's say the About Me box, then you have a set of { } which enclose the attributes you want to change. The attributes usually go on a line by themselves, then you type a : (colon) then you type the value you want and end it with a ; (semi-colon). Here's an example using myself:

#David
{
   age: 19;
   height: 75;
}


To save space, this code can be put on one line like this: #David { age: 19; height: 75; }

All of the previous examples are on one line, but can be expanded if you find it easier to edit them like that (I do!). On the other hand, if you're really devious, you can remove ALL of the spaces and line breaks and your codes will work even when they are allmushedtogetherwithnospaces.
Back to top
Tweakable CSS Codes
Here are some useful codes which you can edit to produce different effects. What you do is copy the bold code, then go to Preferences -> Theme and paste the code into the text box that says 'Your CSS code'. You can edit the text in blue to produce different colors or put in your own images. If you need a color code guide, click here.

#details { background:#f0fff0 url(yourimageurl) no-repeat;}
use a single floating image as the background of the details panel - scrolls with the page

#details { background:#f0fff0 url(yourimageurl) no-repeat;background-attachment:fixed;}
use a single fixed-position image as the background of the details panel - doesn't scroll

#details { border-color:#5f9ea0;border-style:solid;border-width:2px;padding:2px;margin:2px;width:95%; }
put a border around the details panel

#details hr { background-color:#5f9ea0;color:#5f9ea0;border:0px;width:99%;height:1px; }
change the colour of the horizontal line in the middle of the details panel.

.section a:link {color:#2E8B57;text-decoration:none;}
.section a:visited {color:#a52a2a;text-decoration:none;}
.section a:hover {color:fuchsia;background-color:#ffffcc;text-decoration:none;}
.section a:active {color:#ff0000;text-decoration:none;}

change link colours globally for that rollover effect

#details a:link {color:#2E8B57;text-decoration:none;}
#details a:visited {color:#a52a2a;text-decoration:none;}
#details a:hover {color:fuchsia;background-color:#ffffcc;text-decoration:none;}
#details a:active {color:#ff0000;text-decoration:none;}

change link colours in the details panel to rollover
Back to top
CSS Code Definitions
Here are all the CSS codes used and what they are for.

IDs, classes and tags are all different ways of defining styles with CSS. The IDs (items starting with a #) and classes (items starting with a .) are Mac GUI City Profile specific, which means you can't just take your Mac GUI City Profile code and copy it to a web page and have it work perfectly. But you can take the knowledge that you learn from this post on and put it to work on regular webpages as well as Mac GUI City Profiles.

#site
the entire site from the top navigation to the bottom links

#extendedProfileBody #header h1
the main header (the large picture at the top of the page)

#content
the section below the header image but above the blue footer image

#content #sidebar
the column containing the profile, details, and contact details blocks (usually about 230 pixels wide and on the left by default)

#content #main
the column containing the rest of the blocks (usually between 450 and 500 pixels wide and on the right by default)

#profile
the section where your avatar and status buttons are

#profile h2
the part of the profile section where it says your name

#profile .caption
the quote next to your avatar

#profile .avatar
your avatar

#details
the section where it says your last login, how many posts you have, etc

#details #info
the left column of the details block, containing your location, occupation, etc

#details #stats
the right column of the details block, containing your join date, last login, etc

#details h2
the part of the details section where it says "details"

#about
the section where it displays whatever is in your about section

#about h2
the part of your about section where it says "about"

#contact-details
the section where your contact details are displayed

#contact-details h2
the part of your contact details section where it says "contact details"

#friends
the part of your section where it shows your friends

#friends h2
the part of your friends section where it says "friends"

#friends #friendGroup li
the small block containing your friend's name and avatar

#friends #friendGroup img
your friend's avatar

#blog
the part of your profile where it puts your blog posts

#blog h2
the part of your blog section where it says "blog"

#multimedia
the part of your profile where it puts your multimedia (if you have any)

#multimedia h2
the part of your multimedia section where it says "multimedia"

#comments
the part of your profile that contains your comments

#comments h2
the part of your comments section where it says "comments"

#comments .caption
the block that contains the comments with the avatar on the left side

#comments .caption2
the block that contains the comments with the avatar on the right side

#comments .avatar
the avatar on the left side of the comments

#signature
the part of your profile where it displays your signature

#signature h2
the part of your signature section where it says "signature"

.section
every section listed above is also a section. If you are going to be applying the same style to every block, you can use this class instead of listing out every individual ID. For certain attributes, you will still have to define the style for the #profile ID as well.

.section h2
this one is quite similar to the previous one, except that it encompasses all the subheaders, the headers for each block. For certain attributes, you will still have to define the style for the #profile h2 ID as well.

.genmed
the text above quotes and above code blocks

.code
the formatting of any code block

.quote
the formatting of any quote block
Back to top

Copyright © 2004-2010 by D. Finnigan. All rights reserved.
Page in 0.036s with 4 queries. Memory Usage: 1.16 MB