• ecweb background picture or solid color theme how to

    From Denn@1:103/705 to All on Wednesday, May 01, 2019 09:44:14
    I have been emailed a few time recently asking how to change ecwebv4 background color or add background picture.

    Ok here is the answer howto simply make a theme background or change the color of your ecwebv4 webpage.

    in your sbbs\webv4\root directory open index.xjs in wordpad

    the first line will have <?xjs
    above that line add

    <body style="background-color:black;">
    </body> <-color can be any color or hex value.

    it will look like this

    <body style="background-color:black;">
    </body>
    <?xjs


    you can change black to any html color green, red, blue, yellow etc..
    or you can use a HEX color ie.. #1e88e5 #00c853 #546e7a
    here is a good website to find HEX colors https://htmlcolors.com/

    <body style="background-color:#546e7a;">
    </body>
    <?xjs

    above is the example with HEX color.


    or you can add a background picture as well below is an example

    <body background="http://yourbbs.com/pics/picture.jpg">
    <?xjs

    it must be the first line in your index.xjs

    enjoy!

    ---
    þ Synchronet þ outwestbbs.com - the Outwest BBS
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From echicken@1:103/705 to Denn on Wednesday, May 01, 2019 12:44:39
    Re: ecweb background picture or solid color theme how to
    By: Denn to All on Wed May 01 2019 09:44:14

    in your sbbs\webv4\root directory open index.xjs in wordpad

    It's inadvisable to modify this file. This is the main layout script behind the web interface and I may update it from time to time. Mods may create difficulty in merging your changes in.

    <body style="background-color:black;">
    </body> <-color can be any color or hex value.

    Instead, please create this file if it doesn't exist:

    webv4/root/css/custom.css

    and add a rule like this to it:

    body {
    background-color: black;
    }

    where 'black' can be whatever, including a hex colour code.

    <body background="http://yourbbs.com/pics/picture.jpg">

    In custom.css, this (untested) should work:

    body {
    background-image: url("/pics/picture.jpg");
    }

    it must be the first line in your index.xjs

    My comments here are the recommended/intended way of making these sorts of customizations, but your method will work, and thanks for sharing.

    ---
    echicken
    electronic chicken bbs - bbs.electronicchicken.com - 416-425-5435
    þ Synchronet þ electronic chicken bbs - bbs.electronicchicken.com
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From echicken@1:103/705 to Denn on Wednesday, May 01, 2019 12:56:35
    Re: ecweb background picture or solid color theme how to
    By: Denn to All on Wed May 01 2019 09:44:14

    in your sbbs\webv4\root directory open index.xjs in wordpad

    <body style="background-color:black;">

    it must be the first line in your index.xjs

    For those who choose to go this route, the opening <body> tag is (currently) on line 87 of index.xjs, and this would be the place to insert your change, rather than adding an additional <body> to the document, outside of the <html> block. Most browsers will handle this just fine, but it's not quite right.

    That said, see my previous post and don't alter index.xjs unless you have to, which you generally do not.

    ---
    echicken
    electronic chicken bbs - bbs.electronicchicken.com - 416-425-5435
    þ Synchronet þ electronic chicken bbs - bbs.electronicchicken.com
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Nightfox@1:103/705 to Denn on Wednesday, May 01, 2019 09:56:23
    Re: ecweb background picture or solid color theme how to
    By: Denn to All on Wed May 01 2019 09:44 am

    in your sbbs\webv4\root directory open index.xjs in wordpad

    You should be able to open it in any text editor.. It doesn't have to be Wordpad. In fact, I'd shy away from using Wordpad, since I think Wordpad uses its own file format by default, though it can edit plain text files.

    Nightfox

    ---
    þ Synchronet þ Digital Distortion: digitaldistortionbbs.com
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From mark lewis@1:3634/12.73 to Denn on Wednesday, May 01, 2019 13:59:56

    On 2019 May 01 09:44:14, you wrote to All:

    I have been emailed a few time recently asking how to change ecwebv4 background color or add background picture.

    CSS is the proper way to do this... seriously ;)

    )\/(ark

    Always Mount a Scratch Monkey
    Do you manage your own servers? If you are not running an IDS/IPS yer doin' it wrong...
    ... A wholesome mind is wasted potential.
    ---
    * Origin: (1:3634/12.73)
  • From Denn@1:103/705 to echicken on Wednesday, May 01, 2019 12:27:50
    It's inadvisable to modify this file. This is the main layout script behind the web interface and I may update it from time to time. Mods may create difficulty in merging your changes in.

    Instead, please create this file if it doesn't exist:

    webv4/root/css/custom.css

    and add a rule like this to it:

    body {
    background-color: black;
    }

    where 'black' can be whatever, including a hex colour code.

    In custom.css, this (untested) should work:

    body {
    background-image: url("/pics/picture.jpg");
    }

    My comments here are the recommended/intended way of making these sorts of customizations, but your method will work, and thanks for sharing.

    ---
    echicken
    electronic chicken bbs - bbs.electronicchicken.com - 416-425-5435
    � Synchronet � electronic chicken bbs - bbs.electronicchicken.com


    I will experiment with the custom.css soon.
    This is just meant to be a quick down & dirty way to
    Do it, it's an easy work around that actually works pretty well.

    ---
    þ Synchronet þ outwestbbs.com - the Outwest BBS
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Denn@1:103/705 to mark lewis on Wednesday, May 01, 2019 13:19:33
    On 2019 May 01 09:44:14, you wrote to All:

    CSS is the proper way to do this... seriously ;)

    )\/(ark

    I know, but this works well for now, I will when I get time do it with.css index.xjs can break easily and not the best file to mod.
    That being said this does work well for now.
    Denn.

    ---
    þ Synchronet þ outwestbbs.com - the Outwest BBS
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Denn@1:103/705 to echicken on Wednesday, May 01, 2019 23:14:45
    It's inadvisable to modify this file. This is the main layout script behind the web interface and I may update it from time to time. Mods may create difficulty in merging your changes in.

    Instead, please create this file if it doesn't exist:

    webv4/root/css/custom.css

    GREAT !!! took all of 5 minutes to create the custom.css and get it working :)

    and add a rule like this to it:

    body {
    background-color: black;
    }

    where 'black' can be whatever, including a hex colour code.

    In custom.css, this (untested) should work:

    body {
    background-image: url("/pics/picture.jpg");
    }

    It works perfectly, everyone Ignore my original post just use custom.css

    ---
    þ Synchronet þ outwestbbs.com - the Outwest BBS
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Tony Langdon@3:633/410 to Nightfox on Thursday, May 02, 2019 20:39:00
    On 05-01-19 09:56, Nightfox wrote to Denn <=-

    Re: ecweb background picture or solid color theme how to
    By: Denn to All on Wed May 01 2019 09:44 am

    in your sbbs\webv4\root directory open index.xjs in wordpad

    You should be able to open it in any text editor.. It doesn't have to
    be Wordpad. In fact, I'd shy away from using Wordpad, since I think Wordpad uses its own file format by default, though it can edit plain
    text files.

    In Windows, I just use Notepad for text files. :) Wordpad's native format is an older version of MS-Word format.


    ... My install is probably 3-4 Weeks Old; It's Time for an Update. P. F.
    === MultiMail/Win32 v0.49
    --- SBBSecho 3.03-Linux
    * Origin: Freeway BBS Bendigo,Australia freeway.apana.org.au (3:633/410)
  • From Mortifis@1:103/705 to Tony Langdon on Thursday, May 02, 2019 09:10:08
    On 05-01-19 09:56, Nightfox wrote to Denn <=-

    Re: ecweb background picture or solid color theme how to
    By: Denn to All on Wed May 01 2019 09:44 am

    in your sbbs\webv4\root directory open index.xjs in wordpad

    You should be able to open it in any text editor.. It doesn't have to be Wordpad. In fact, I'd shy away from using Wordpad, since I think Wordpad uses its own file format by default, though it can edit plain text files.

    In Windows, I just use Notepad for text files. :) Wordpad's native format is an older version of MS-Word format.

    One winbloz systems I prefer dev-php, it has decent syntax highlighting and code completion, despite stating it's a php IDE it also highlights js, xjs, python, html, css, etc


    The Granny Lane, where seasoned drivers slow down and smell the blacktop roses

    ---
    þ Synchronet þ AlleyCat! BBS - http://alleycat.synchro.net:81
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Hustler@1:103/705 to Denn on Thursday, May 02, 2019 09:42:09
    Re: ecweb background picture or solid color theme how to
    By: Denn to echicken on Wed May 01 2019 11:14 pm

    It's inadvisable to modify this file. This is the main layout script

    Instead, please create this file if it doesn't exist:
    webv4/root/css/custom.css
    GREAT !!! took all of 5 minutes to create the custom.css and get it working :)
    It works perfectly, everyone Ignore my original post just use custom.css

    It's too late! My System chrashed after I made the change! lol

    Hustler

    ---
    þ Synchronet þ Sent from Haven BBS. havens.synchro.net
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Denn@1:103/705 to Hustler on Thursday, May 02, 2019 11:21:57
    It's too late! My System chrashed after I made the change! lol

    Hustler


    Just replace your index file with original unaltered version.
    Did you save index.xjs as a plain text file with ext .xjs?

    ---
    þ Synchronet þ outwestbbs.com - the Outwest BBS
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Digital Man@1:103/705 to Tony Langdon on Thursday, May 02, 2019 13:05:30
    Re: Re: ecweb background picture or solid color theme how to
    By: Tony Langdon to Nightfox on Thu May 02 2019 08:39 pm

    On 05-01-19 09:56, Nightfox wrote to Denn <=-

    Re: ecweb background picture or solid color theme how to
    By: Denn to All on Wed May 01 2019 09:44 am

    in your sbbs\webv4\root directory open index.xjs in wordpad

    You should be able to open it in any text editor.. It doesn't have to be Wordpad. In fact, I'd shy away from using Wordpad, since I think Wordpad uses its own file format by default, though it can edit plain text files.

    In Windows, I just use Notepad for text files. :) Wordpad's native format is an older version of MS-Word format.

    WordPad's native file type is RTF: https://en.wikipedia.org/wiki/Rich_Text_Format

    I thought RTF was an open standard, but I guess not. <hrm>

    digital man

    Synchronet "Real Fact" #42:
    Rob Swindell was laughed out of a FidoNet Net103 (OC, Calif.) meeting in 1992. Norco, CA WX: 71.9øF, 55.0% humidity, 7 mph E wind, 0.00 inches rain/24hrs
    --- SBBSecho 3.07-Linux
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Tony Langdon@3:633/410 to Mortifis on Friday, May 03, 2019 07:31:00
    On 05-02-19 09:10, Mortifis wrote to Tony Langdon <=-

    One winbloz systems I prefer dev-php, it has decent syntax highlighting and code completion, despite stating it's a php IDE it also highlights
    js, xjs, python, html, css, etc

    Sounds good for web development (something I stay away from these days myself ;) ).


    ... Internal Error: The system has been taken over by sheep at line 19960
    === MultiMail/Win32 v0.49
    --- SBBSecho 3.03-Linux
    * Origin: Freeway BBS Bendigo,Australia freeway.apana.org.au (3:633/410)
  • From Tony Langdon@3:633/410 to Digital Man on Friday, May 03, 2019 07:36:00
    On 05-02-19 13:05, Digital Man wrote to Tony Langdon <=-

    WordPad's native file type is RTF: https://en.wikipedia.org/wiki/Rich_Text_Format

    I know the older word processor that came with Windows used RTF as the netive format, but yeah, Ive used Wordpad more with either plain text or basic .doc(x) Word files.

    I thought RTF was an open standard, but I guess not. <hrm>

    I thought it was an early Microsoft proprietary format, but is now "well
    nown".


    ... Potted meat: all the other stuff too vile for hot dogs.
    === MultiMail/Win32 v0.49
    --- SBBSecho 3.03-Linux
    * Origin: Freeway BBS Bendigo,Australia freeway.apana.org.au (3:633/410)
  • From Heliarc@1:103/705 to Denn on Thursday, May 02, 2019 22:46:31
    Re: ecweb background picture or solid color theme how to
    By: Denn to Hustler on Thu May 02 2019 11:21 am

    It's too late! My System chrashed after I made the change! lol



    Just replace your index file with original unaltered version.
    Did you save index.xjs as a plain text file with ext .xjs?

    I was kidding. Nothing crashed. It's working great with the "custom.css"

    Heliarc

    ---
    þ Synchronet þ Sent from Haven BBS. havens.synchro.net
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Denn@1:103/705 to Heliarc on Sunday, May 05, 2019 09:10:27
    Re: ecweb background picture or solid color theme how to
    By: Denn to Hustler on Thu May 02 2019 11:21 am

    I was kidding. Nothing crashed. It's working great with the "custom.css"

    Heliarc

    Glad to hear you didn't crash your BBS
    custom.css works great thanx echicken for pointing out the proper way to do this :)
    also I finally got the the BBS list widget working by getiing the latest version from echickes's github - thanks yet again echicken for all your help. The Outwest BBS - outwestbbs.com <-website
    outwestbbs.com:23 <-BBS

    add Arcade games to your webv4 as a drop down menu, just download Arcade zip and put the Arcade folder into your sbbs\webv4\pages folder http://outwestbbs.com/api/files.ssjs?call=download-file&dir=bbs&file=Arcade.zip

    add the BBSLink scores to your webv4 as a dropdown menu, just download BBSLink.zip and put the BBSLink folder in your sbbs\webv4\pages folder http://outwestbbs.com/api/files.ssjs?call=download-file&dir=bbs&file=BBSLink.zi p

    https://github.com/denngray

    ---
    þ Synchronet þ outwestbbs.com - the Outwest BBS
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)