CSS and HTML Web Projects Help File

Original Posted in HTML group: Looks Fine to Me!  (Shortened Version Follows)

Web pages, css code, widgets and so on can look and act differently for different people because of the various methods of internet access (dial-up, DSL, cable, etc.) and various browsers (Internet Explorer, Netscape, Opera, Firefox and others) that are used. What might look good to you on your computer with your browser may look terrible to someone else.

I've (LeeinFl) provided recommendations to some, only to have others state that they did it differently and it worked fine. In most cases, it worked "fine" with their browsers or their method of Internet access...this does NOT mean in will work "fine" across all platforms.

So, as BluesPlayer says, STOP USING OTHER SITE'S CODES and, I'd like to add to that, when receiving advise concerning any facet of HTML or CSS, consider the source before using the tagging recommended.

~ End of Venting Session! ~

Posted by LeeInFL  08/03/2007

Posting #1: Section Body Font/More About Me

With the September revision to the profile layout the "About Me" section has been incorporated into a master section now called "About". What was once the "About Me" section is now found and edited under a tab titled "More About Me".

Original Posting:  My box has 4 colorful sides

Using HTML/CSS to draw boxes around your posting or private messages:

source code:

<div style="border-top: 20px solid red; border-bottom: 20px solid #fc0; border-left: 20px solid blue; border-right: 20px solid green;">
<blockquote>Here is my text. </blockquote>
</div>

Want to try this yourself?

hint: Save youself some typing and just cut & paste the 'red' text above into your private message or posting.

1] Replace 'Here is my text.' with your own. The box will expand to fit your message.
2] Change the colors to your preference
3] Experiment by making the borders smaller or larger. Current value is '20px' -- 20 pixels
4] <blockquote> is an HTML tag that indents a small amount on left and right margins. You don't absolutely need it.

Michael...

posted by mbotos   about Feb. 2008

For more fun with Michael's "box", see the replies in this group post (start with reply #4): http://www.eons.com/groups/topic/1383999-Great-Site-Watch-while-you-make-changes-to-code-

Announcement Posting:  Different Browsers - Different View!

I use Opera - http://www.opera.com/ - for my browser.

The most popular browser, at this time, is Microsoft's Internet Explorer.

Some members view their Internet sites by way of Netscape or Mozilla Firefox browsers.

"Creative HTML Tagging" is viewed differently by each browser! What your message, announcement or reply at eons looks like to you is NOT necessarily the view other members have of the same post!

The marquee tag is one example where Internet Explorer users see one thing, Firefox sees another, Opera yet another, and Netscape doesn't recognize the marquee tag at all!

If you intend to use HTML in a document OUTSIDE of eons...such as your own website...you should really download each of the four popular browsers...you can then see how each individual browser "reads" your HTML tags and, thus, how the user sees your images, text, layout, etc.

So...when using HTML in your eons posts, keep the different browser views in mind.

The majority of HTML tags you will place in eons posts will be true tags (ie; underline, bold, links, etc.) and each of the four major browsers will view them pretty much the same.

Posted by LeeInFL on 05/26/2007

Here are some links to files that make choosing colors easier:

• Browser Safe Colors - Web Link to 256 colors that look the same with all browser - From LeeinFl's original links 
• Colors that look good together - Eons Post (The link in the post doesn't work anymore. Use the one below) 
• Tool: To use the tool, drag the indicator on the color scale left/right. Then select among the different 'schemes' in the dropdown on the top right. http://websitetips.com/colortools/sitepro/ 
• My Color Picker - You upload your background or photo and then you can pick a color in the photo to match to and it will give you the color code.  Helpful site for picking font colors for skinsTestofF8th  Oct. 26, 2008

Linka to posts - by Mimi 58

Common codes used on Eons in messages and Pm's. If you are creating a web page, See the separate file about HTML/XHTML tags.  

When you use code, don't forget to include the ending tags!

Editorial note: Eons and other storage sites usually provide you with the HTML or embed code that you can simply copy and paste to add an image to a message or PM. Some image sharing sites, however, add extra code to include their advertisements which sometimes specifies where the ads will appear and this can cause problems.  Knowing the basic HTML code can help you identify the part of the code that is causing the problems.

1. Adding an image to a post or PM:

<img src="Put Direct Link of Image Here">

Writing:

<img src="http://www.eons.com/images/members/0/7/07043502_o.jpeg">

Would add the following image to your post:

2. Linking to a URL from words:   

<a href="Put URL address here">Put Words Here</a>

If you write:

Have you visited the <a href="http://www.eons.com/groups/group/the-studio----having-fun-with-css-and-html">The Studio </a>group lately?

would show in your post as:

Have you visited the The Studio group lately?

3.  Linking to URL with graphic.

<a href="Put URL Where You Want Them to Go"><img src="Put Direct Link of Image Here"></a>

Writing:

Click on the button <a href="http://www.cooltext.com"><img src="http://www.eons.com/images/members/0/7/07043502_o.jpeg"></a> to go to cooltext.com and make your own!

Would show in your post as:

Click on the button  to go to cooltext.com and make your own button!

Other common tags:

BOLD = <b>...</b>   Put the text you want to be bold between the tags:

ITALICS = <i>...</i>   Put the text you want to be in italics between the tags:  

UNDERLINE = <u>...</u>  Put the text you want to be underlined between the tags:

CENTER = <center>...</center>  Put the text you want centered between the tags:

FONT COLOR = <font color="blue">...</font>  Put the text you want colored red between the tags:

TEXT SIZE = <big>...</big>  OR <small>...</small> Put the text you change size between the tags:

GROUPING TAGS:  You can also group tags by "nesting" them. Just be sure to close them in order from the inside out.

Other useful tags:

LINE BREAK = <br /> Starts a new line (Like clicking the "return" or "enter" key on your keyboard).
HORIZONTAL LINE = <hr> Draws a horizontal line (rule) between sections of text.

There is a separate help file:  http://ccs.110mb.com/eons/CommonHTMLtags.html that contains the recommended tags and css to use when creating web pages. The information aboveTags is also included along with other tags of interest.

Posting #1: copy and paste

Reply:
There is more than one way to do it. You can use your mouse and "right click", use keyboard short cuts, or use the menu bar. For all of them, you will first need to highlight the text you want to copy:

Highlighting Text:
Take your mouse, and place your cursor at the beginning of the text you want to copy, then click and hold the left mouse button, while pulling your mouse over the text. When you reach the end of what you want to copy, release the left mouse button.This should highlight the text.

Here are the three ways of copying and pasting what you highlighted:

Right Click" method:

When the text is highlighted, click the button on the right side of your mouse (Right click the mouse). A pop-up box will appear. Select 'copy'. This stores the information in your computor memory.

Click where you want to paste the code. Right click your mouse again, and select 'paste'.

Keyboard Shortcuts:

To Copy: Highlight an area, as described above, then hold 'Ctrl' and click on the letter 'C' (For Mac users, hold the key to the right of the space bar and click on the letter 'C').

To Paste: Click your mouse where you want the text pasted, and then press 'Ctrl' + 'V' (For Mac users, hold the key to the right of the space bar and click on the letter 'V').

Using the Menu Bar:

Highlight the text. Go to the menu bar of your browser. Click on 'File' and then click on 'copy'. Click on your page where you want to paste the info. Then go to the menu bar. Click on 'File' and then click on 'paste'. </font>

Sometimes, the ability to copy and paste using "right click" is disabled on a web page, but usually you can use the keyboard short cuts or the menu bar methods.

Sometimes, the ability to copy and paste using "right click" is disabled on a web page, but usually you can use the keyboard short cuts or the menu bar methods.

Just pick the way of the three that is easiest for you!

Posted by HonestJohn February 17, 2009
Reply by Mimi58 February 17, 2009 

Posting #1: Graphic examples of style affects on a page

So what is 'style'. Style is often defined as the way CONTENT is presented. In HTML you use tags to identify parts of a document -- headers, paragraphs, lists, etc. -- the CONTENT.

CSS [that first 'S' is for STYLE] tells a browser how to present/display the various parts of your HTML document. How should the browser present a header? Color? Font? Size? etc. And the same with all the other document parts.

This is one of the best sites I've seen to help get this concept across. www.w3schools.com/CSS/demo_default.htm On the left hand side, slowly click each of the 'with style' links, 1 thru 5 and notice how the presentation changes but the content stays the same.

If you are working on an entire website, you usually create a single 'style sheet' that you reference on each page of your site. If you are just doing single pages or postings, you can use 'in-line' style commands that only affect the given page or a section of the page.

Posted by mbotos  Oct. 18, 2008

Reply to Welcoming Post:

Easy reading suggestion:

As some of you get older [notice, NOT me!] the screen may be a little harder to read. If text size is an issue....

Solution: press CTRL and '+' -- Most elements on the page will enlarge. Not large enough yet? Do CTRL and '+' several times.

To undo, press CTRL and '-'.

Michael....

Posted by mbotos  Oct. 29, 2008

Announcement Posting:  Escape Character References

I copied this table from this site to see how eons, renders the code..source this site to see how they displayed the code, without it executing ..
view link    frank.helpware.net/autoline/ EscapingCharacters.htm

• For further reference on character escaping, please see "HTML and XHTML, The Definitive Guide" by Chuck Musciano and Bill Kennedy, O'REILLY Books.

Escape Character References

Symbol	Description	Numeric Entity	Named Entity
End Table
<	Less than		&lt;
>	Greater than		&gt;
&	Ampersand		&amp;
"	Quotation mark		&quot;
#	Hash	&#035;
'	Apostrophe	&#039;
(	Left parenthesis	&#040;
)	Right parenthesis	&#041;
*	Asterisk	&#042;
.	Period or point	&#046;
/	Slash	&#047;
\	Backslash	&#092;
=	Equals sign	&#061;
{	Left curly brace	&#123;
}	Right curly brace	&#125;
[	Left square bracket	&#091;
]	Right square bracket	&#093;
»	Right angle quote	&#187;

Escape Character Reference  posted by HonestJohn  October 28, 2008
THE post "Escape Character References" posted by HonestJohn October 28, 2008

Posting #1: Question Is there a way to post a digital photo in a post to a group?

Posted by CharmedTwoBits

Posting #2: NOTE: To show in a post, a "<" without it executing the html code, replace it with..     &lt;        Editorial note: [Lost record of who posted this]

Marquee Code

Posting: Marquee Tags within Eons posts Typing the beginning and ending marquee tags in your messages, replies, announcements, etc. at eons results in text scrolling across the screen, much like a news tickertape.

If you type <marquee>This sentence is typed between the beginning and ending marquee tags....</marquee>

It will appear as...
This sentence is typed between the beginning and ending marquee tags....
- -  - - - - - - - - - -
You can "nest" code so that you can style your marquee   (Example Added November 28, 2008 - Mimi58)
Typing:

Gives you:

Your Text Here
Remember to put your other codes inside the marquee tags and close them from inside out!
- - - - - - - - - - - -

Reply #1: <marquee bgcolor='#00FFFF'>You can add a colored background! How cool is that?</marquee>

You can add a colored background! How cool is that?

Reply #2: <marquee direction='right'>You can have the script scroll in a different direction!</marquee>

You can have the script scroll in a different direction!

Reply #3: Typing <marquee bgcolor='#00FFFF' direction='right'>This is how you make the typing go from left to right with a chosen background color...</marquee> in your posts will result in...

This is how you make the typing go from left to right with a chosen background color...

Reply #4: Typing... <marquee width='200'>The Studio!</marquee> Will adjust the width the marquee uses and results in...

The Studio!

Typing...<marquee behavior='alternate'>The Studio!</marquee> Will cause the marquee to alternate directions

The Studio

Typing...<marquee scrollamount='30'>The Studio!</marquee> Will adjust the speed of the marquee and will result in...

The Studio!

Typing... <marquee scrolldelay='200'>The Studio!</marquee> Will delay the speed of the marquee and result in...

The Studio!

Typing... <marquee direction='down' height='90'>The Studio!</marquee> Will result in...
Editorial note: [Scrolls down]

Typing... <marquee direction='up' height='90'>The Studio!</marquee>  Will result in... 
Editorial note: [Scrolls up]

Reply #5: How do you change the writting in the marquee to bold or a different color.

Posted by: granddadd

Reply #6: Just add bold tag after the opening marquee tag and a closing bold tag right before the closing marquee tag.

To make the text a different color, use a "font color=red" tag after the opening "marquee" tag and the close the font tag before the closing marquee tag.

Or you can stack them...

font color=red
bold
Then your text goes here
closing bold
closing font
closing marquee

It will look like this...This is a BOLD red marquee

Want it bigger? Add an h1 set of tags...

marquee
h1
font color=red
bold
Then your text goes here
closing bold
closing font
closing h1
closing marquee

It will look like this...This is a BOLD red Header 1 marquee

You can pretty much do anything you want...

Posted by: BluesPlayer

Reply #7: The marquee tag is basically designed for, and read my, Internet Explorer. It is also read well by the Opera browser. Netscape browsers can't read the marquee tag at all, while mozilla partially reads the tagging (thus, no color).

You will run into this from time to time. As a matter of fact, many webmasters have all four of the major browsers on their PCs so that they can see what their work looks like with each individual browser!

Posted by LeeInFL

Reply #8: Mozilla does support it.

Posted by: GaryJames

Reply #9: Anyone try it on the Safari Browser for Windows from Apple? It works on Safari for Mac.

Posted by: Techie44

Posting:   I have not had good results trying to add an image to a marquee. Sometimes the image shows up in preview, but them disappears from the actual posting. < font size='+2' color='#FF000'>< MARQUEE>
Hi There! < IMG SRC='http://www.botos.com/bits/smallbu2.gif' alt="migrating bug icon" '>
< /MARQUEE>< /font>
In code sample above, remove space after each '<' before trying to use.

Posted by: mbotos

Posting: Maximun Widths and Resizing an Image. 
Although you can use HTML to adjust the appearance of images and other items on your web pages (Eons included), the time to load the image will remain the same as the large image. This could be a problem depending upon how many images you have and how large they really are. So, it makes sense to physically resize the image in many cases.

Profile Page:

left column - video secion is 230px
left column  - widget box is 210px
middle column - more about me, activities, favorite music, etc. - max. 460 px
middle column - comment section is 308px
middle column - widget box is 370px
right hand - widget box is 290px

Group Pages:

The Home page (or Front page) of the group is different from all the other sections of the group pages. There the maximum sizes are:
Sticky post - is 531px
Reg. Post -  is 535px

When opening a message post to see replies or when going to the "view all messages" section:
Both posts and replies - maximum width is 610 px

At the current time, Eons will automatically resize the width of most items put into the various areas of the profile page and group pages. However, the height is not changed in proportion to the width - sometimes causing an image to look stretched. Therefore, you may want to download an image to your computer, resize it (online or with your software) and then upload to Eons or a photosharing site before you link to it.

Posted by: Mimi58

How to Post Messages and Share Code.

Original Post:  What is an easy way to write code in a post?  posted by Mimi58  October  24, 2008

Results of replies:
Here are some great suggestions to follow when you want to use or share code in a message or PM on Eons to avoid pulling your hair out when the message box does its thing. Here's a summary:

Part 1: Good Steps to Follow When Posting Messages 

Problem with message box: Links get turned into the generic 'view link' euphamism and any HTML symbols like &lt; get stuck in a one-way translation.

So here are the steps in my solution.

1] Write your post in your favorite HMTL editor.
2] Preview on your PC
3] cut and paste to the POST input box
4] PREVIEW on Eons
5] click EDIT.... BUT
6] make any changes/corrections, etc. in your HTML editor
7] then re-cut & paste over whatever got returned in the Eons editor
8] then go straight to POST
9] this isn't a 100% solution, but it will cut some of the frustration and get you closer to the way it should be!!

Don't use HTML list items. Eons really messes them up.

From reply made by mbotos

Part 2:  Great Link to converter:

www.stanford.edu/~bsuter/js/convert.html
www.stanford.edu/~bsuter/js/convert.html

You type in the HTML markup (code). The converter will convert it to character entities (funny characters) You can then copy and paste the conversion into the message box. The message box converts back into HTML markup and posts it as HTML markup (code).

 Summary of Information from reply posted by HonestJohn

Part 2a:  Enhanced Converter:  
Michael has made an enhanced converter. The latest version is found at http://www.botos.com/eons/convert_04.html

Link to Post - Enhanced Converter - repost of reply made by mbotos to a "how" question

Posting: Tips on Pasting Code on Eons

The Eons message box editor wants any message with code to be all in one line when you paste it or it will add line breaks where you don't want them. This includes the code and any text included with it.

Reply by HonestJohn:
When using notepad be sure and make sure under FORMAT, word wrap is "not checked".
Webtv did the same thing as eons, so I'm used to it..
If you have doubts about an invisible line break, you can check it by, putting your cursor at the beginning of the suspected line, and hitting your "<-Bk Sp" key, if you had a space it will be deleted.. keep deleting until the last character, on the line above disappears, then replace it..
(be sure and make a mental note of the last character on the line above, so you can add it back if you delete it. )

For more information, see discussion in Tips on Pasting Code on Eons   posted by Mimi58 Jan 4, 2009

Posting: Purple lines with a dark background - Those pesky lines on a dark background

Put the following code in the custom css box:      .header {border-bottom: 0px}

You can also cover up those annoying purple lines by adding a bottom border only to the Section Title Border. (rich64nv)


Posting: The Yellow Box

All of the skins that I have made have code in the Custom CSS tab to eliminate the yellow box in your profile card. For those of you who are designing your own skins, the following may be helpful:

To eliminate the yellow box in the profile snapshot enter the following code in the "Custom CSS" tab:

.yb .bt, .yb .bt div, .yb .bb, .yb .bb div { background: none; height: auto;}
.yb .i1, .yb .i2 { background: none; padding: 0; }
.yb .i3 {background: none; border: 3px inset #53371A; padding: 7px;}

Border style and color code can be changed.

Posted by: TestofF8th  10/01/2008

• See Also:  Tallbob's Blog and comments below it  About Feb/March 2008  
• If you really know what your doing, check out mbotos' profile or check out this post. 
• (Links have been removed due to much of the info from the post being removed.) However, mobotos was the first to "tinker" with the yellow box and post the info. Just so you know.

Making the yellow box transparent  and border transparent.

There have been some problems noted with simply stating - border: none. IE will cause the information in the little box to overflow into the groups.  This coding should work to make the yellow box transparent and not have the borders show:

.yb .bt, .yb .bt div, .yb .bb, .yb .bb div { background: none; height: auto;}
.yb .i1, .yb .i2 { background: none; padding: 0; }
.yb .i3 {background-color: transparent; border: 3px double transparent; padding: 7px;}

For more information, see discussion in Yellow box area posted by rich64nv Nov 1, 2008

For other code that can be used on style your profile page beyond what the skinner can do, see the file, "codes to revise and use." --->  "Use in Eons Custom CSS box" 

One Page Project Template - Use for different projects	Examples of One Page Projects: "I've Learned" and "Snow"
Creating with a CSS Template	One way to create a web page!
Creating a web site help file	Step-by-Step for beginners and ideas for others
Creating a "Links" file for your group or web site	Instruction Guide (All three posts) Template you can download and use
"Styling" your "Links" file	Steps to change the css in the links template
Make a translucent png	Step-by-step directions using online tools
Make a transparent banner	Post containing "how to" directions

Posting: FUNdamental HTML color coding
I'm ready for a break from the serious discussions, how about you?  

Please read the following out loud:

"I promise will not use what Michael is about to show me more than once a day and certainly never on HTML Workshop postings"

You all know how to change font color.

refresher: <font color=red>red</font>

Over the weeks, there have been a several questions about how to change the color of text in a posting. As the HTML code to do that has been posted, I bet more than one of you have thought to yourselves, "If I had the patience, I could use this technique to change the color of each word or letter in my posting." Yes obviously that is true...

I could go on forever, because this is just as easy as regular typing, when you know the secret....

The secret: use a script to automate the process. Remember your promise, now. Here's the automation site automation site.

Michael....

Posted by: Mbotos  About Feb, 2008 

Group Post: Maximum Widths & Resizing an Image file:  Help File (Second Section)

Photobucket:

If you have an account on photobucket, you can save the image to your account and then click on edit above the image once it is in your account. The editor that photobucket uses will open (which happens to be fotoflexer) and you can use it to resize the image and then save it (or a copy) in the new size.

Online Image Editors:

You can also download the image to your computer, then upload it to an online photo editor. fotoflexer.com is the editor that photobucket uses and you can go directly to it. I use pixlr.com because I'm on dialup and it works faster for me than fotoflexer. Others may have other sites they would recommend.

Using Pixlr:

   1. Right click on the image to download it to your machine.
   2. Go to pixlr.com view link and click on "Jump right in" The editor opens
   3. Click on file -->open in the editor toolbar - then browse to where you have the image saved on your computer and choose it. It will upload to the pixlr editor.
   4. When it is uploaded, click on image in the editor toolbar, then image size. A box will open where you can change the width and height. There is also a box automatically checked by "Constrain proportions" If it is not checked, be sure to check it.
   5. Put the size you want in the width box and the height will change automatically in proportion.
   6. Click on file -->save in the editor toolbar. Change the name a bit and save it to your computer.

Posting:   Using the Sandbox you already have:

Posted by: mbotos   October 23, 2008

Putting the Manager and Moderator in an "Announcement" Sticky

There are several methods that you could use. You can find in-depth step-by-steps in this file, Manager and Moderators on Home Page of Group: http://ccs.110mb.com/eons/manmod.html  This file is the most current file.

Here is a partial lists of methods that can be used:

• Use image tags pasted in one after the other - Shows pictures only
• Use linked image tags pasted in one after the other - Pictures can be clicked to go to profile
• Use code to "style" the linked image tags - Can contain spaced linked pictures with title and name
• Use a screenshot - Shows pictures, titles and name, but the images aren't clickable
• Use a screenshot and create an image map to make it clickable
• Create a slideshow of the Man/Mods at photobucket
• Use an iframe so you can put the info in a table (Tables don't do well in Eons message posts)

Older Post: (outdated)
Posting: Group Manager & Moderator in Sticky notes

Here's a little HTML project that can be used to put managers and moderators in an announcement sticky. Here's a link to the "how to" ccs.110mb.com/eons/ManModHTMLSticky.html

Posted by: Mimi58  10/03/2008  -  Related Posting:  Group Manager & Moderator on Main Page  

Variation of Posting Group Manager and Moderator in Sticky notes using mbotos Drop Cap Code:

Here's the code used starting in Nov, 2008 in The Studio group. Feel free to make the changes you want to make and then use it.

<p style="width:400px"><a href="http://www.eons.com/members/profile/Mimi58"><span style="width:75px;height:75px;margin-right:6px;margin-top:5px;float:left;background-image:url(http://www.eons.com/images/members/2008/1/28/6/7/6751751021295039518187_75.jpeg);border:2px solid maroon;font-family:ariel,helvetica;color:white;font-size:10px;font-weight:bold;"><br />M<br />I<br />M<br />I</span></a> <a href="http://www.eons.com/members/profile/Sylk"><span style="width:75px;height:75px;margin-right:6px;margin-top:5px;float:left;background-image:url(http://www.eons.com/images/members/2008/4/1/5/7/5718707021348473126255_75.jpeg);border:2px solid maroon;font-family:ariel,helvetica;color:maroon;font-size:10px;font-weight:bold;"><br />S<br />Y<br />L<br />K</span></a><font color="green">Click on our pictures if you want to go to our profiles. Feel free to PM either of us. This is a wonderful group of talented people and we are honored to be a part of it!</font></p>

Posting: Text with color background


Don't you just love those little highlighters you can get and mark things that you want to stand out on a page? You hadn't heard about them? Most of them look like a marker. A marker. Ok, a crayola, for Pete's sake! Anyway -

You can put a colored background behind text on a web page, post or pm.

<span style="background-color: yellow;">WHAT YOU WANT HIGHLIGHTED</span>

Course you can change the color of the background to be a different color.

<span style="background-color:lightgreen;"> WHAT YOU WANT HIGHLIGHTED</span>

You can make a whole paragraph with a colored background. That is, if you have enough to say to fill a paragraph!

<p style="background-color:yellow;">WHAT YOU WANT HIGHLIGHTED</p>

I wonder? What would could you do with this and mbotos's Drop Cap code?

M
imi58

Want more code?
Check out the Codes to Use and Share File!

PS: If you use Kompozer, highlight some text with your cursor and click on the little marker looking thingy to the left of the two A's!

Posted by: Mimi58  10/20/2008  

Steps to troubleshoot problems on Profile Page:

add ?no_widgets=t to your profile's url. view link If this solves the problem, you have a bad widget.

Still see the problem? Try ?no_guestbook=t view link If this solves the problem, someone posted comment on your profile that contains broken html.

Still see the problem? Try ?no_skin=t view link If this solves the problem, there's something wrong with the css in your skin (probably the custom css).

Posted by tallbob in a reply to Group post: Why did my widgets and my friends disappear ? November 10, 2009 

Things you can do to troubleshooot:  Compiled from various posts, blogs, etc.

To view a profile without widgets - add     ?no_widgets=t     to the URL 
To view a profile without a skin -  add      ?no_skin=t           to the URL

"Here's an obscure bit of geek knowledge. If you add ?no_skin=t to the URL for someone's profile, you can see it au naturel. An even more useful setting is no_widgets!"

Posted by  tallbob in a reply to  Group setting should include skins approximately Oct 28, 2008

* * * * * * * * * * * * * * *

Can't delete a Widget? Edit buttons no longer working?:  Solution for "sticky widgets" - original solution by mbotos

Problem: If the number of characters in a widget exceeds the limit, there will be a message about exceeding the widget code limit and the code will be truncated. The widget will be incomplete and will sometimes cause the edit buttons of the widget box to quite working. 

Solution: Go to "Edit Widgets".  Click on the "hide widget preview" which is on the right just above your first widget. When you click on that you will be taken to a new page. Look for the code of the widget giving you problems and delete the code from there.

Can't delete a Widget? Edit buttons no longer working?:  Solution for "sticky widgets" - original solution by mbotos

Problem: If the number of characters in a widget exceeds the limit, there will be a message about exceeding the widget code limit and the code will be truncated. The widget will be incomplete and will sometimes cause the edit buttons of the widget box to quite working. 

Solution: Go to "Edit Widgets".  Click on the "hide widget preview" which is on the right just above your first widget. When you click on that you will be taken to a new page. Look for the code of the widget giving you problems and delete the code from there.