Help - Search - Members - Calendar
Full Version: reversing page, moving the whole body...
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
MasterChief16
ok, so first of all, does anyone know how to reverse the module on the left and right? so that the picture, info, and friends are on the right, and the chatbox is on the left.

next, how do you move the whole site to a location? here's an example.

http://www.xanga.com/home.aspx?user=wow_hyper_one

it's not taking up the whole screen, instead it take's up a small section of the screen. and it's near the top right.

also, on that xanga, how do you make it so that the links are all separated like that?

and how do you make the scrollbar transparent? or even gone? like on that xanga, it's gone. you can only scroll when your mouse is in the body.
Jus2s1mp13
1. This is to move the Module to the right

Place in the 'website stats', before anything else
CODE
<!-- begin code provided by createblog.com -->
<script language="Javascript">
// original by sean http://www.xanga.com/seanmeister
var tds = document.getElementsByTagName("td");
for (var i = 0; i < tds.length; i++){
if (tds[i].width == "200"){
tds[i].parentNode.appendChild(tds[i].cloneNode(true));
tds[i].parentNode.removeChild(tds[i]);
break;
}}
</script>
<!-- end code provided by createblog.com -->


2. Well it depend on the layout. You can relocated with using DIV. Changing it to height, size of the box. etc.

3.Well to separate the links like that, she or he use image map.

4. It just transparent from your div box. Using the right colors to be able to transparent. If need more there a script form here...scrollbar: transparent.

CODE
<!-- begin code provided by createblog.com -->
<style type="text/css">
div {

filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #000000;
scrollbar-face-color: #00FF00; /* transparent */
scrollbar-3dlight-color: #00FF00; /* transparent */
scrollbar-darkshadow-color: #00FF00; /* transparent */
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #00FF00; /* transparent */
}
</style>
<!-- end code provided by createblog.com -->



I hope that helps.
MasterChief16
QUOTE(Jus2s1mp13 @ Nov 23 2004, 12:13 AM)
2. Well it depend on the layout. You can relocated with using DIV. Changing it to height, size of the box. etc.

DIV? is that some program?

oh, and i forgot to ask, is there a way to remove the module on the left? so that there's no picture, info, and friends, so that there's just the main blog body and the chatterbox.

umm, and also, is there a script to move the scroll bar, or is it from a program? because i want it to where the whole xanga is in a box, and so that the text and stuff doesnt come out from the bottom of the screen, but rather comes out in the middle of the screen, and exits at the near top of the screen. if you need an example there's a link up there.

sorry i sound like a noob. hehe. im kinda new to this and all. thanks for helping me out. _smile.gif

oh forgot to ask, does anyone know how to make the background color of a post transparent? like about 50% transparent, so that the background is visible, but also the background color of the post so that it's easier to read it. sometimes the text would run into its same color from the background and it makes it hard to read.
Jus2s1mp13
QUOTE
DIV? is that some program?


1. hehe no the div is not a program. It shape as a box and can be move around, well the information is inside of it. get it?

For example the code:
CODE
<!-- begin code provided by createblog.com -->

<div style="width: 602px; border: 1px solid  #521649; background-color: #D02B0F;">WAtever you want blah blah blah blah....</div>
<!-- end code provided by createblog.com -->


2. remove the module place in header html'

CODE
<!-- begin code provided by createblog.com -->
<style type='text/css'>
.mainleft { display:none; }
</style>
<!-- end code provided by createblog.com -->


3. scroll bar is not a program. Anyway. When you div it, there is a scroll bar. What you do is you mess around the numbers in the code like height etc. Put in the postiton you wants. Then choose either you want it transparents scroll bar etc.

4. To transparent the blog you do this. Go here and read to understand more.Transparent Blogs

WEBSITE STATS
CODE
<!-- begin code provided by createblog.com -->
<STYLE>
/*
transparent blog
*/

.blogbody, {


/* opacity maximum 100 */
filter: alpha(style=0,opacity=60);
}
</STYLE>
<!-- end code provided by createblog.com -->


Html header

CODE
<!-- begin code provided by createblog.com -->
<style type="text/css">
/*
Blog Background Color
*/

.blogbody {background-color: #000000;};
</style>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->
MasterChief16
oh that's pretty cool. well, i got a few more questions.

is there a way to make only the background of the post transparent and not the text? cause what you gave me made both the text and the background color transparent. but if there's no way then it's ok.

that div box thing, i get that now, but is there a way to get your whole xanga into it, and make it to a certain px? here's my xanga.

http://www.xanga.com/masterchief16

if you look closely there's a white box that's half opaque in the bottom left corner. it takes up about half the screen. now, what im trying to do is get my whole xanga site into that box, including the vid and pic. im trying to get the scroll bar to appear next to the white box instead of all the way on the right where it is at default.

also, i want it to where the text and stuff disappears when it leaves the white box instead of it going all the way to the top of the window and then disappearing.

sorry if this sounds confusing, hope someone knows what im talking about.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.