PagodaPanda
03-12-2004, 03:04 AM
I really would like to learn and I can't figure it out myself. Please post back! :wolf:
|
View Full Version : How do you make blogs/scroll boxes? PagodaPanda 03-12-2004, 03:04 AM I really would like to learn and I can't figure it out myself. Please post back! :wolf: adams92891 03-12-2004, 03:05 AM for the blog you could go to www.blogger.com and follow the simple directions sorry cant help you with the scroll bar boxes PagodaPanda 03-12-2004, 03:06 AM Thanks! I will check it out! salomeyasobko 03-12-2004, 03:07 AM you can use a DIV layer in your layout <div id="blog" style="position: absolute; left: ##px; top: ##px; width: ##px; height: ##px; background-color: #XXXXXX; font-family: font name; font-size: ##pt; color: #XXXXXX; overflow: auto;"> blog entry goes here </div> edit the bold parts. if you need help with that, just ask :D hope that works for you! :) PagodaPanda 03-12-2004, 03:12 AM thanks for helping me with that but I was wondering how to make one with images for it's background/border. Like on www.neopets.com. salomeyasobko 03-12-2004, 03:15 AM hrm.. what do you mean by images for its border? if you want it to have a background image rather than color just replace the background-color: #XXXXXX part of the code with background-image: url(image.jpg) of course, image.jpg is just a sample name. yours won't necessarily be a .jpg file :) PagodaPanda 03-12-2004, 03:17 AM Thanks! Well, on a blog, I was thinking something like the one on http://petpages.neopets.com/~LeiaLissa. I can make the image but don't know how to put it on the blog. salomeyasobko 03-12-2004, 03:21 AM oooh, like the cloud/snow thing? you just put: <body background="http://www.imagesource.com/image.jpg"> make sure that, for the blog, you've changed the pixel numbers correctly so that it fits w/ the background image [if it needs to] :) PagodaPanda 03-12-2004, 03:23 AM Thanks! but where do I put it in the code?? salomeyasobko 03-12-2004, 03:26 AM replace it with the <body> tag in your HTML (since it contains the word body in it :)). if you had other codes in your body tag, just include those, too. PagodaPanda 03-12-2004, 03:27 AM What? Where do I put it in the first HTML code you gave me?? salomeyasobko 03-12-2004, 03:28 AM oh sorry, you don't put it in the first HTML code. those are two separate codes. replace the second code with your <body> tag and put the firts code somewhere after the <body> tag and before the </body> tag. PagodaPanda 03-12-2004, 03:29 AM Ooooooohhhhhh...got it! Thanks a heap! salomeyasobko 03-12-2004, 03:30 AM that's good. no problem! PagodaPanda 03-12-2004, 03:33 AM ARRRRGH! IT WON't WORK! LOOK AT IT AT http://petpages.neopets.com/~1beautifulkougra! salomeyasobko 03-12-2004, 03:43 AM here, try this: delete the <body background="http://imagehosting.ca/users/PangodaPanda/pangodapanda4.jpg"> code and replace it with <style type="text/css">body { background-image: url(http://imagehosting.ca/users/PangodaPanda/pangodapanda4.jpg); background-repeat: no-repeat; }</style> put that after your <head> tag hope that works! MaGiCSuN 03-12-2004, 11:34 AM make sure though that the <blog> tag still stays there :) Love, Mirna PagodaPanda 03-13-2004, 03:20 AM AYE! still won't work! oh well, I can make alternative blogs. elfenheroin 03-13-2004, 07:22 AM I checked out your code: <style type="text/css">body { background-image: url(http://imagehosting.ca/users/Pangod...ngodapanda4.jpg); background-repeat: no-repeat; }</style> There are '...' in the url. Replace the red with the whole url of the image. salomeyasobko 03-13-2004, 07:41 AM oooooh yeah that happened bc LEIA did that to the URL to shorten it. ehe very observative of you! elfenheroin 03-13-2004, 01:05 PM Thankies :) If the code STILL doesn't work, try adding ' at each end of the URL. Morilinde 03-17-2004, 04:04 AM Okay.... I made a blog BUT you can't use layering in Neopets shops!!!! i tried out the blog here: http://www.geocities.com/tr0gd0rtheburninat0r/CSSPage.html don't mind the little orange box in the upper left-hand corner :) that's my CSS try-out page help, please? :P what different code can i use? elfenheroin 03-17-2004, 04:50 AM Neopets doesn't allow absoluet positioning or iFrames, unfortunately. But you can check out this: http://www.boomspeed.com/sfhelpers/blogs/ See if you can check their code to see how they make blogs w/o absolute positioning. ;) Morilinde 03-17-2004, 06:38 PM *right-click... view source* oh yeah the code is right in front of my face 0_0 so basically what they do is take out the "absolute positioning" thingy and change around the CSS a bit.... lol okay that works :rolleyes: thanks very much... and if it doesn't work then i will let you know LoL Morilinde 03-17-2004, 06:56 PM Sorry to bother you again... :confused: lol okay how do i position that stupid table!? :confusion: http://www.geocities.com/tr0gd0rtheburninat0r/CSSPage.html?1079556964020 kittycat 03-17-2004, 10:04 PM style="position: absolute; top: ##px; left: ##px;" Change the ## to the correct number of pixels that you want. Add that code to the <table> tag (the first one on the page). Morilinde 03-17-2004, 11:00 PM Okies only problem: I can't use the position absolute thing :P the site i am on won't let me ... :help: kittycat 03-18-2004, 01:25 AM That's really the only way... Where exactly on the page do you want it positioned? Maybe with that we can give you another code that may work. Morilinde 03-18-2004, 04:21 PM Well there has to be some other way because there are tons of people on Neopets who have shop blogs so..... hmm, I am going to try something else... :idea: Morilinde 03-18-2004, 04:37 PM Okies, I finally figured it out using trial and error :) http://www.geocities.com/tr0gd0rtheburninat0r/CSSPage.html thanks to everybody who patiently helped me LoL nesianmysticfan 03-18-2004, 06:52 PM Neopets don't have a body thing, its just a editor. You have to use css to do it. sugarbyte 03-18-2004, 07:08 PM :buckt: |