send a tag suggestion

which tags should be associated with each other?


why should these tags be associated?

Use the form below to provide more context.

#global feed

also: ##The Cohost Global Feed, #The Cohost Global Feed, ###The Cohost Global Feed, #Global Cohost Feed, #The Global Cohost Feed, #Cohost Global Feed

kiana
@kiana
If you have any favorite website templates from the early 2000s you can likely use them here!

To be clear, I didn't make this layout or image! The original HTML/CSS comes from a site called SunnyNeo, while I believe the artwork is official Neopets artwork that was edited by whoever made the layout.

This layout relies on tables, which it seems you can't reduce the width of in cohost or prevent the background image from repeating, so if you want to get them to display properly on here, you need to wrap the entire thing in a div that's scaled to the width you want the table.

To get the styling to work, take a look at the div names in the HTML, and add a style element to the div itself, which you copypaste the CSS from the style with a matching name into. If there are any double quotes around URLs you might need to replace them with single quotes.

It's usually good practice to rehost images instead of hotlinking from the site you got the template from so you don't use up all the bandwidth of their site. You can rehost on your own site, or with cohost itself by uploading images to a post and saving that post as a draft! That's what I've done here out of courtesy to SunnyNeo.

(layout source)

html/css so you can mess with this yourself!

<div style="width: 500px;"><table width='53%' cellspacing='5' style="border: 2px solid #739D71; background-image:url('https://staging.cohostcdn.org/attachment/b4ba6411-1c23-40b4-a575-296fa7c3a213/GAL_chomby_tablebg.gif');"><tr><td align="center">

<table width='500px' height='400px' style="background-image:url('https://staging.cohostcdn.org/attachment/08cd030c-6691-4ae1-ab03-e42d9d6f5c1d/GAL_chomby_rock.gif')">

<tr><td colspan="2" height="15"></td></tr><tr><td width="150px"></td><td valign="top" align="left">

<div style="overflow: auto; height: 190px; width: 310px; color: #292327; font-size: 8pt font-family: verdana; font-weight: bold; padding-left: 0px; top: 164px; left: 0px; padding: 0px 0.5em; overflow-y: scroll;">
YOUR TEXT HERE
</div>
</td></tr></table></table></div>

JaneBuzJane
@JaneBuzJane
This page's posts are visible only to users who are logged in.

kiana
@kiana

The blog layouts do work!* These are great because all the CSS is already inline. The only changes you'll need to make are rehosting the image(s) and placing the text area in the correct position because the td height property doesn't seem to function the same way on cohost. There are multiple ways to do that, but a way that requires minimal editing is adding a "margin-top" property to the inner div that's equal to the "td height" property.

*Sadly, the CSS to recolor the scrollbar no longer works, but that's a browser thing, not a cohost thing.



Blog by SunnyNeo
(layout source)

+ code!

<div style="background:url(https://staging.cohostcdn.org/attachment/5e868195-4dc2-4495-86fd-dfea502f71b1/waterblog.jpg);height:300px;width:300px;border:none;">
<table width="300px" height="300px" border="0">

<tr><td height="125"></td></tr>
<tr><td width="5"></td>
<td>

<div style="width: 270px; height: 112px; overflow: auto;  scrollbar-arrow-color: #1E085A;  scrollbar-track-color: #E1D098;  scrollbar-face-color: #EFE6C7;   scrollbar-darkshadow-color: #1E085A;   scrollbar-shadow-color: #1E085A;  scrollbar-highlight-color: #15BBE1;  scrollbar-3dlight-color: #15BBE1;  font-size:8pt; color: white; text-align:center; font-weight: bold; font-family: verdana; margin-top: 125px;">

<a href="http://www.sunnyneo.com/blogs.php">The blog layouts</a> do work!* These are great because all the CSS is already inline. The only changes you'll need to make are rehosting the image(s) and placing the text area in the correct position because the td height property doesn't seem to function the same way on cohost. There are multiple ways to do that, but a way that requires minimal editing is adding a "margin-top" property to the inner div that's equal to the "td height" property.

*Sadly, the CSS to recolor the scrollbar no longer works, but that's a browser thing, not a cohost thing.

<br>
<br>Blog by <a href="http://www.neopets.com/~TheSunnyNeo"><font color="#E1D098">SunnyNeo</font></a><br>
</div></td></tr>
</table>
</div>


i'm obspogon

  • living in canada
  • he/him
  • gamer of many types
  • love mods and fangames, old websites too
  • have a linux laptop that can double as an emulation console (barely used for that)

have a website:

mostly i find cool stuff on the internet and add them here:

free games, doom mods, quake and duke nukem stuff, cool sites, so on.

things like blog posts and youtube videos feel too temporal to add to an archival-like website, so I instead post those on @obslinks (moved here from tumblr)