layout questions., modules and such. Options

[antix10_kos]

before i start....here's a link to my xanga. what you see on that page is what i've accomplished thus far. i have about an intermediate knowledge of code, but i'm just stuck on a few points....

My Questions:

how do i move my modules to the left in their own boxes? Minimalist Example
~I want my modules seperate from my enteries. i think they look tacky...I've tried the code in the "scripts" section. I have trouble with the custom module part.~

will i have to resize my blog box after i take out the modules?
~just fmi~

how do i get a background pic in all of my custom modules?
~I already have a pic uploaded on photobucket. i just need some clean code that i can use with custom modules to do this.~

how do i get rid of my far right scrollbar?
~I am just annoyed by it. I'd rather only have one scrollbar.~

how do i add an intro page (a page that opens before my actual xanga and contains a link to my xanga?)
~I would like to have a page that warns people of the content of my page before they enter so that i don't get rude comments...that's been happening lately ~

that's all of my questions for now. i have looked around on this site and on netsirk for information. point me in the right direction, please....

[lovescream]

http://www.createblog.com/forums/index.php?showtopic=23
^ answer to your last question.
um.
is that it? It's an image though. you can post a message on the image ;o Beacuse I dont think there is such thing as an intro page containing WORDS.

And, you only have one scrollbar for me.

[whomps]

First question about the "separate" modules: Go to the look and feel page and scroll down to the left modules section. Change the border to a different color..

Second: I think so.. if you remove the modules, your blogs will either go in the middle or stay on your right the same size.

Third: Uhh..

Fourth: You don't have a far right scrollbar. It's unscrollable. What do you is customize the scrollbar color for the DIV and change the body scrollbar color to black, so you can't see it.

Fifth: You can use a intro splash page script in our Xanga Scripts section.
http://www.createblog.com/forums/index.php?showtopic=23
It's just an image appearing before your page.. What you can do is create an image with a warning on it, save it, upload, and replace the url. The image with the warning will be the intro page.

[antix10_kos]

i want my modules to be entirely seperate from my blogarea...not just a border but a totally seperate part. i can't find any examples, i hope someone understands what i'm getting at....basically, i would like eash of my modules to be sepreate from one another and also not part of my blog body. i would like to put pics in the backgrounds of module areas.

[largosama]

like the modules not in the boxed scroll part?

[Amie91280]

I don't think you can move the modules without deleting the Xanga ones and making your own. I asked about it twice on here and nobody seemed to be able to help me. The only recommendation I got was to make my own modules. The code for that can be found in the scripts section. If there IS a way to seperate them from the blog, I want to know too!

[animephantasm]

Hey I am new there for I don't know if I am posting in the right place or the right way so anyway I wassnted to see if anyone could help me with my layout. It is pretty good but the one thing I can't get right is that I don't want the backgroung picture to repeat. I want it in the middle with a black background and it movie along with the scroll bar. so if posable could someone halp me?

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script type='text/javascript'><br />// intro splash page by micron<br />// for more xanga scripts and help go to createblog.com<br />// change this url to an image of your choice<br />var image ='http://img235.imageshack.us/img235/6710/asdriygbel3gk.png;<br />function enterSite() {<br />document.getElementById('splash').style.display = 'none';<br />var content = document.getElementsByTagName("center");<br />for (var i=0; i<content.length;i++) {<br />content[i].style.display = 'block';<br />}<br />return false;<br />}<br />if (document.title.slice(-10) == 'Xanga Site') {<br />document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>');<br />}<br /></script><br /><!-- end code provided by createblog.com --><br /><IMG SRC="http://img485.imageshack.us/img485/7350/yaminomatsuei0fw.png" STYLE="filter:Blur(strength=30)"><br /><style type="text/css"><br />body {<br />background-color: black;<br />background-image: url(http://img375.imageshack.us/img375/152/untitledl1rg.png);<br />background-repeat: repea;staict; <br />background-attachment: fixed; <br />background-position: center;static;<br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #006633;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #000066;<br />scrollbar-highlight-color: #006633;<br />scrollbar-darkshadow-color: #000066;<br />scrollbar-3dlight-color: #006633; <br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 12px Century Gothic;<br />line-height:12px;<br />color: #00FFFF;<br />letter-spacing:0px;<br />text-align:justify;<br />}<br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: impact;<br />text-transform:lowercase;<br />font-size:23px;<br />line-height:30px;<br />font-weight:bold;<br />filter: alpha (opacity=250, finishopacity=0, style=3);<br />height: 1px;<br />background-color: #006633;<br />color: #000066;<br />letter-spacing:1px;<br />text-align: center;<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#00FF00;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited, {<br />/* edits the links that the user has visited */<br />color:#6000BF; <br />text-decoration: none;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#FF0000;<br />cursor: ne-resize;<br />text-decoration: none;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 5px solid #000000;<br />font:normal 12px Century Gothic;<br />background-color: transparent;<br />letter-spacing:0px;<br />color: #FFFF40;<br />}<br />table.left { <br />/* this edits the menu module */<br />border: 5px solid #000066;<br />width:160px;<br />background-color: transparent;<br />}<br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />border: 5px solid #000000;<br />background-color: transparent;<br />width:400px;<br />}<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: none;<br />background-color: transparent;<br />font: bold 12px century gothic;<br />text-transform: uppercase;<br />color: #fff40;<br />border: #006633;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: none;<br />background-color: transparent;<br />border: none;<br />}<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: transparent; <br />border: 5px solid #006633;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 0px solid #006633;<br />}<br />hr {<br />/* horizontal divider */<br />border: 5px solid #006633;<br />}<br /></style><br /><BODY style="border-bottom: #006633<br />20t solid; border-top: #006633<br />20t solid; border-left: #000066<br />20t solid; border-right: #000066<br />20t solid"></TBODY><br /><!-- Blink Boxes : Provided by blogring --><br /><script language=JavaScript><br /><!--<br />//blink boxes - xanga.com/add_ons<br />//by sean f http://www.xanga.com/seanmeister<br />//fixed to work with new security measures by<br />//hotaru_01 http://www.xanga.com/hotaru_01<br />// customize by changing the values below<br />// these are the various colors, in quotes, seperated by commas<br />var blinkColors = new Array("#000000","#000066","#006633");<br />// the border color<br />var blinkBorderColor = "#000000"<br />// the border width, in pixels<br />var blinkBorderWidth = 1;<br />// the # of rows<br />var blinkRows = 3;<br />// the # of columns<br />var blinkCols = 40;<br />// the width of the entire box, in pixels or %<br />var blinkWidth = 575;<br />// the height of each row, in pixels<br />var blinkRowHeight = 10;<br />// speed of blinking, in milliseconds<br />var blinkRate = 3;<br />// do not edit below this line<br />st=setTimeout;<br />document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");<br />for (r = 0; r < blinkRows; r++){<br />document.write("<TR>");<br />for (c = 0; c < blinkCols; c++){<br />document.write("<TD height='" + blinkRowHeight + "'></TD>");<br />}<br />document.write("</TR>");<br />}<br />document.write("</table>");<br />// ... and this makes it blink<br />function blinkIt() {<br />changecell = Math.floor(Math.random() * (blinkCols * blinkRows));<br />changecolor = Math.floor(Math.random() * blinkColors.length);<br />bb = document.getElementById("blinkbox");<br />bbtd = bb.getElementsByTagName("td");<br />bbtd[changecell].style.backgroundColor = blinkColors[changecolor];<br />st('blinkIt()', blinkRate);<br />}<br />blinkIt();<br />//--><br /></SCRIPT><br /><!-- End Script by blogring --><br /><!-- end code provided by createblog.com -->

[animephantasm]

Hey I am new there for I don't know if I am posting in the right place or the right way so anyway I wassnted to see if anyone could help me with my layout. It is pretty good but the one thing I can't get right is that I don't want the backgroung picture to repeat. I want it in the middle with a black background and it movie along with the scroll bar. so if posable could someone halp me?

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script type='text/javascript'><br />// intro splash page by micron<br />// for more xanga scripts and help go to createblog.com<br />// change this url to an image of your choice<br />var image ='http://img235.imageshack.us/img235/6710/asdriygbel3gk.png;<br />function enterSite() {<br />document.getElementById('splash').style.display = 'none';<br />var content = document.getElementsByTagName("center");<br />for (var i=0; i<content.length;i++) {<br />content[i].style.display = 'block';<br />}<br />return false;<br />}<br />if (document.title.slice(-10) == 'Xanga Site') {<br />document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>');<br />}<br /></script><br /><!-- end code provided by createblog.com --><br /><IMG SRC="http://img485.imageshack.us/img485/7350/yaminomatsuei0fw.png" STYLE="filter:Blur(strength=30)"><br /><style type="text/css"><br />body {<br />background-color: black;<br />background-image: url(http://img375.imageshack.us/img375/152/untitledl1rg.png);<br />background-repeat: repea;staict; <br />background-attachment: fixed; <br />background-position: center;static;<br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #006633;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #000066;<br />scrollbar-highlight-color: #006633;<br />scrollbar-darkshadow-color: #000066;<br />scrollbar-3dlight-color: #006633; <br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 12px Century Gothic;<br />line-height:12px;<br />color: #00FFFF;<br />letter-spacing:0px;<br />text-align:justify;<br />}<br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: impact;<br />text-transform:lowercase;<br />font-size:23px;<br />line-height:30px;<br />font-weight:bold;<br />filter: alpha (opacity=250, finishopacity=0, style=3);<br />height: 1px;<br />background-color: #006633;<br />color: #000066;<br />letter-spacing:1px;<br />text-align: center;<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#00FF00;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited, {<br />/* edits the links that the user has visited */<br />color:#6000BF; <br />text-decoration: none;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#FF0000;<br />cursor: ne-resize;<br />text-decoration: none;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 5px solid #000000;<br />font:normal 12px Century Gothic;<br />background-color: transparent;<br />letter-spacing:0px;<br />color: #FFFF40;<br />}<br />table.left { <br />/* this edits the menu module */<br />border: 5px solid #000066;<br />width:160px;<br />background-color: transparent;<br />}<br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />border: 5px solid #000000;<br />background-color: transparent;<br />width:400px;<br />}<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: none;<br />background-color: transparent;<br />font: bold 12px century gothic;<br />text-transform: uppercase;<br />color: #fff40;<br />border: #006633;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: none;<br />background-color: transparent;<br />border: none;<br />}<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: transparent; <br />border: 5px solid #006633;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 0px solid #006633;<br />}<br />hr {<br />/* horizontal divider */<br />border: 5px solid #006633;<br />}<br /></style><br /><BODY style="border-bottom: #006633<br />20t solid; border-top: #006633<br />20t solid; border-left: #000066<br />20t solid; border-right: #000066<br />20t solid"></TBODY><br /><!-- Blink Boxes : Provided by blogring --><br /><script language=JavaScript><br /><!--<br />//blink boxes - xanga.com/add_ons<br />//by sean f http://www.xanga.com/seanmeister<br />//fixed to work with new security measures by<br />//hotaru_01 http://www.xanga.com/hotaru_01<br />// customize by changing the values below<br />// these are the various colors, in quotes, seperated by commas<br />var blinkColors = new Array("#000000","#000066","#006633");<br />// the border color<br />var blinkBorderColor = "#000000"<br />// the border width, in pixels<br />var blinkBorderWidth = 1;<br />// the # of rows<br />var blinkRows = 3;<br />// the # of columns<br />var blinkCols = 40;<br />// the width of the entire box, in pixels or %<br />var blinkWidth = 575;<br />// the height of each row, in pixels<br />var blinkRowHeight = 10;<br />// speed of blinking, in milliseconds<br />var blinkRate = 3;<br />// do not edit below this line<br />st=setTimeout;<br />document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");<br />for (r = 0; r < blinkRows; r++){<br />document.write("<TR>");<br />for (c = 0; c < blinkCols; c++){<br />document.write("<TD height='" + blinkRowHeight + "'></TD>");<br />}<br />document.write("</TR>");<br />}<br />document.write("</table>");<br />// ... and this makes it blink<br />function blinkIt() {<br />changecell = Math.floor(Math.random() * (blinkCols * blinkRows));<br />changecolor = Math.floor(Math.random() * blinkColors.length);<br />bb = document.getElementById("blinkbox");<br />bbtd = bb.getElementsByTagName("td");<br />bbtd[changecell].style.backgroundColor = blinkColors[changecolor];<br />st('blinkIt()', blinkRate);<br />}<br />blinkIt();<br />//--><br /></SCRIPT><br /><!-- End Script by blogring --><br /><!-- end code provided by createblog.com -->

[talcumpowder]

Don't double post, don't bring up old topics, &go read the FAQ's!
[ http://www.createblog.com/forums/index.php?showtopic=61624 ]
-> Topic Closed.