Use of CSS in CSB ("Cascading Style Sheets")

GlobalSCAPE User Forum

Forums Register Login My Profile Inbox Address Book My Subscription My Forums

Member List Search Calendars FAQ Ticket List Log Out

Use of CSS in CSB ("Cascading Style Sheets")

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> [Other Forums] >> Discontinued Products >> [CuteSITE Builder] >> CSB Design Questions >> Use of CSS in CSB ("Cascading Style Sheets")

Page: [1]

Message

<< Older Topic Newer Topic >>

Use of CSS in CSB ("Cascading Style Sheets") - 6/19/2006 5:23:12 PM

lazyrmark

Posts: 13
Joined: 10/11/2005
Status: offline

Don't know if this is useful to you at all. It's only 2 cents . . .

Use of CSS * within CSB demonstrated at URL:
CSS Tags only inserted at:
http://www.horsesense.ws/csb/index.html
CSB "No Page Layout" located at:
http://www.horsesense.ws/csb/nolayout.htm

~mar

* using "Right Click | Properties | Page | Page HTML | Before <HEAD>" to insert links to external "Cascading Style Sheets." This allows us to override CSB for the font formatting, A:links formatting, and page & body layout (that CSB embeds into the HTML code it generates).
Real-time use of this functionality may be viewed in use at www.ecoterr.com/index.html (used to override browser and CSB defaults for Active Links, making a much cleaner looking web page).

Post #: 1

RE: Use of CSS in CSB ("Cascading Style Sheets") - 6/19/2006 6:39:40 PM

samrc

Posts: 2289
Joined: 5/19/2005
From: Florida, USA
Status: offline

File name cracks me up!

Looked at both pages and grabbed file. Will have to take a look at it later. Tonight is just not possible. But eager to see what you have done.

quote:

Real-time use of this functionality may be viewed in use at ecoterr.com/index.html

I did not see how css was used on this page. Source does not show separate CSS, does it? Didn't see it.

_____________________________

-Samantha
Visit Samisite.com for CSB Tutorials & WYSIWYG webmaster support.
Try to live your life so that you wouldn't be afraid to sell the family parrot to the town gossip." Will Rogers (1879 - 1935)

(in reply to lazyrmark)

Post #: 2

RE: Use of CSS in CSB ("Cascading Style Sheets") - 6/19/2006 7:16:51 PM

lazyrmark

Posts: 13
Joined: 10/11/2005
Status: offline

Sam,
You wrote, "I did not see how css was used on this page. Source does not show separate CSS, does it? Didn't see it."
Sam, the CSS is externally loaded, see the source code in the page's HEAD:
<TITLE>CSS at CSB START </TITLE>
<link rel="stylesheet" type="text/css" href="csb.css">

You wrote, "File name cracks me up!"

quote:

Real-time use of this functionality may be viewed in use at ecoterr.com/index.html

Yep, please see postscript below

~mar
p.s. yes, our business name "ECO-TERR, Supporting the Earth" has an unfortunate similarity to another type of "business," of which there are plenty up here in the good old tree-hugging Pacific Northwest. But whatcha' gonna' do? Too late to change it now . . .

(in reply to samrc)

Post #: 3

RE: Use of CSS in CSB ("Cascading Style Sheets") - 6/19/2006 10:46:27 PM

samrc

Posts: 2289
Joined: 5/19/2005
From: Florida, USA
Status: offline

Yes...I know what to look for...what line to read....

<TITLE>CSS at CSB START </TITLE>
<link rel="stylesheet" type="text/css" href="csb.css">
DOES appear in the two horsesense.ws pages you mention.

But as I said in my post, I did not find it in the ecoterr.com page when I look at source. I expected to see it and don't when I look at the Page View Source because you said that page is "Real-time use of this functionality".

This is the HEAD section of that page, and I STILL don't see it:

[quote]
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>ECO-TERR Soil Stabilization Systems and Lazy R Saddles and Tack </TITLE>
<META name="description" content="ECO-TERR Soil Stabilization Systems HoofGrid, HomeGrid and Stabiligrid">
<META name="keywords" content="round pen cover,roundpen cover, equine,horse,footing and flooring,paddock,mud,muddy,equestrian,indoor arena,equestrian center,horse barn,equine barn, hoofgrid,hoof grid,equi grid,equi,terr,eco,terra,grid,equigrid,ecogrid,ecoterr,www.ecoterr.com">
<META name="author" content="2005 Copyright Mark Rector at www.ecoterr.com">
<style type="text/css">

</style>
<style type="text/css" >
body {
scrollbar-3dlight-color : #98EAF8;
scrollbar-arrow-color : #00CCCC;
scrollbar-darkshadow-color : #009999;
scrollbar-face-color : #993300;
scrollbar-highlight-color : #CCFFFF;
scrollbar-shadow-color : #993300;
scrollbar-track-color : #00CCCC;
margin: 0px;
}
</style>
<SCRIPT language="JavaScript">
var TlxPgNm='index';
</SCRIPT>
<META http-equiv="GENERATOR" CONTENT="Created with CuteSITE Builder, HTML Exporter 5.0.150">
<style type="text/css">

</style>
[/quote]

_____________________________

-Samantha
Visit Samisite.com for CSB Tutorials & WYSIWYG webmaster support.
Try to live your life so that you wouldn't be afraid to sell the family parrot to the town gossip." Will Rogers (1879 - 1935)

(in reply to lazyrmark)

Post #: 4

RE: Use of CSS in CSB ("Cascading Style Sheets") - 6/22/2006 4:50:25 AM

lazyrmark

Posts: 13
Joined: 10/11/2005
Status: offline

On the sample pages (http://www.horsesense.ws/csb/index.html and http://www.horsesense.ws/csb/nolayout.htm), the CSS is called from the external file "csb.css".
The CSS file is called by the HEAD tag: <link rel="stylesheet" type="text/css" href="csb.css">
On the ecoterr.com site, the CSS is not called from any external file, but rather is inserted into the HEAD, before the </HEAD> tag.
This type of stylesheet allows changing the colors on each page, without having to create, maintain and call a different external ".CSS" file for each indivudual web page.
Example 1: This "internal Stylesheet" overrides the browser defaults for text decoration.
<!-- start - style type="text/css" --!>
<!--
A.Top:link { text-decoration:none;color:#FFFFFF; }
A.Top:active { text-decoration:none;color:#DDDDDD;}
A.Top:visited {text-decoration:none;color:#DDDDDD; }
A.Top:hover { text-decoration:none;color:#993300;background-color:#EEEEEE }
A.Bottom:link { text-decoration:none;color:#660000; }
A.Bottom:active { text-decoration:none;color:#444444; }
A.Bottom:visited { text-decoration:none;color:#444444; }
A.Bottom:hover { text-decoration:none;color:#DDDDDD;background-color:#CC3333 }
A:link { text-decoration:none;color:#444444; }
A:active { text-decoration:none;color:#555555; }
A:visited { text-decoration:none;color:#555555; }
A:navigation:hover { text-decoration:none;color:#BBBBBB;background-color:#CC3333 }
--!>
<!-- END type="text/css" --!>

Example 2: In the following "internal stylesheet," the browser's scrollbar colors are defined. This is especially useful to me when a site has different dominant colors for every page.  When the CSS is inserted into the HEAD instead of calling a unique stylesheet, I may change the scrollbar colors on every page by changing only the CSS inserted into that page.

<!-- start style type="text/css" --!>
scrollbar-3dlight-color : #98EAF8;
scrollbar-arrow-color : #00CCCC;
scrollbar-darkshadow-color : #009999;
scrollbar-face-color : #993300;
scrollbar-highlight-color : #CCFFFF;
scrollbar-shadow-color : #993300;
scrollbar-track-color : #00CCCC;
margin: 0px;
<!-- END type="text/css" --!>

body {
scrollbar-3dlight-color : #98EAF8;
scrollbar-arrow-color : #00CCCC;
scrollbar-darkshadow-color : #009999;
scrollbar-face-color : #993300;
scrollbar-highlight-color : #CCFFFF;
scrollbar-shadow-color : #993300;
scrollbar-track-color : #00CCCC;
margin: 0px;
}

Sorry for the confusion, I should have been more specific in the first post. Either externally loaded or internal CSS will achieve the same purpose. CSB already generates and inserts "text/CSS" stylesheets into every page automatically (this cannot be disabled).

EXAMPLE 3:  the following CSS was generated by CSB. It may be overridden (by using one of the two methods above * ), but the following type of CSS will always be generated by CSB, each time the TLX file is published.
<!-- start style type="text/css" Generated by CSB --!>
<!--
A.Top:link {color:#FFFFFF}
A.Top:active {color:#DDDDDD}
A.Top:visited {color:#DDDDDD}
A.Top:hover { color:#993300;background-color:#EEEEEE; }
A.Bottom:link {color:#660000}
A.Bottom:active {color:#444444}
A.Bottom:visited {color:#444444}
A.Bottom:hover { color:#DDDDDD;background-color:#CC3333; }
A.Right:link {color:#A6CAF0}
A.Right:active {color:#FFFFFF}
A.Right:visited {color:#FFFFFF}
A.Right:hover { color:#003333;background-color:#A6CAF0; }
A:hover { color:#DDDDDD;background-color:#660000; }
--!>
<!-- END type="text/css" --!>
I use one of the two above methods above to override:
   (1) the CSS generated by CSB, or
   (2) the browser defaults.
~mar
____
* "We make no claims to the completeness of this response. Other methods of overriding CSB-generated CSS or browser defaults may also be available. Individuals may find other methods more suitable to their requirements."

(in reply to samrc)

Post #: 5

RE: Use of CSS in CSB ("Cascading Style Sheets") - 11/8/2008 2:32:54 PM

lazyrmark

Posts: 13
Joined: 10/11/2005
Status: offline

Dear Sami, Hope you are doing well. (Hope to hear that you have found a workable alternative WYSIWYG editor.) After years of referencing your CSB support site, I stumbled across your "My Story" (excerpted below). I was not surprised to hear that your personal story so closely paralelled my own: the circumstances, needing a fast web site, how you found Trellix bundled with Corel, and so forth... I respect your opinion greatly, and need to tell the small businesses which software to use [that I may provide for them some technical support - I used to build a *.tlx file for them and say, "Here is a starter web site for your businees. Now you must purchase the CSB software, which will allow you to design/update/manage your web site instantly, on the fly, all by yourself: without needing to hire a 'webmaster' and waste money or time getting an overpriced, less useful, lower-performing company web site."] Today, I was revisiting samisite: to learn whether you have a located an acceptable substitute for trellix/csb. » I have not found anything comparable, nothing seems to be available (but I have multiple copies of various versions backed up, including v. 1.1, 2.7, 3.0 etc.. just in case). » see "Why?" below ... » One of my Oregon distributors needs an easy build-it-yourself business web site.I have been using a CSB Template for these businesses, and telling them: » "Once you build your own web site, let me know." » "You may use this site until you have your own built." » "However I will perform no customization or updates for this 'temporary, loaner web site' in the future." I was not able to locate any specific "Use This Editor" recommendations from you. Noticed several preliminary "thumbs-up, sort of" suggestions that you were test-driving, but no glowing endorsements for any specific WYSIWYG software. Therefore: Based upon the most recent posts at the sami CSB forum, may I ask if EZGenerator would be your "best alternative, so far ..." recommendation? [It sounded like SiteSpinner was a distant second (too limited in functionality), although Wanda Carter (Safari Woman) seemed to like it; because she may not have the experience we have using CSB/Trellix, she may not be quite as "spoiled by CSB" as we are.] Sami, I will not - cannot - hold you personally accountable, if I don't like any software once I have purchased it and instructed my businesses to do the same. I only need to know: q1» In your professional opinion, which one works best for small businesses or new businesses? * The cost of the software is not an issue (their first order from me is rather substantial; that it comes with a "free starter web site" is a considerable advantage, the $120 USD cost of the software would be considered negligible). btw: these are real, brick-and-mortar businesses with rather large inventories and investments in structures, not "web based" businesses. [ref our "Locations and Stores" resource » www.ecoterr.com/ecoterr_locations_stores/ || www.eco-terr.com] with kind regards,mark rectorm: +1/425.864.1393t: +1/425.657.7959skype id: LazyRRanchLinked In: www.linkedin.com/in/markrectorpersonal: www.markrector.com, www.lazyrminis.com Why?

Like your story (below), I was forced to (quickly) learn web site building/publication by exigent circumstances

My father passed away. I had to sell the ranch and disperse the herd,
    knew that would recquire locating a distant buyer,
    and that this new "Internet" (that U.S. VP Al Gore apparently invented all by himself - hah),
    might be the way to go.

I have used Corel since the last century, also. (whenever i required a professional-grade word processor or presentation software)    My Corel Suite 7 also had Trelix 1.1 bundled with it. (the suite was over $500 USD back in the 1990's)     I used it, found how easy it was, and have been using it ever since.

Mit freundlichen grüßen / best regards,

Mark RectorDirector, EDI Environmental/Ecological Product Development

=================================
=== E C O - T E R R, Supporting The Earth ===
====== HoofGrid, StabiliGrid and HomeGrid ======
======== + Soil Stabilization Systems + ==========
======= HomeGrid DIY eco-paving systems =========
============ + TurfTrack of America + ==============
=============== ProEquus of America ================
EMAIL: marector@ecoterr.comWEB: www.ecoterr.com, www.HoofGrid.com, www.StabiliGrid.com, www.HomeGrid.US, www.Eco-FriendlyHome.com, www.TurfTrack.us
Postal Address:
Eco-Terr Distributing Inc. (a Washington State Corporation) 3020 Iss-Pn Lk Rd PMB 202
Sammamish, WA 98075 USAPhone: (425) 657-7958CELLULAR: (425) 864-1393 << Use this numberFAX: (425) 391-4890"If we always do what we have always done,we may only expect to achieve what we already have achieved."

My Story ... [by Sami]

SRC » http://samisite.com/forum/index.php?topic=246.msg2632#msg2632

My story:
The day I opened that program, my boss had just informed me he was paying annually for a website name (domain name) and paying the phone company $$/mo for website services. This was going on for two years before I came to the company. Yet we had no website! Not even a COMING SOON notice! The phone company had posted a white page that said domain sold sign! A website builder in the area offered to put a 5 page FLASH website up for us at a cost of $8650, which included an annual contract to maintain. (His only other bid was for MORE). We were told it would be at least 3 months before the site was up. Reluctantly, my boss was ready to sign unless I could offer alternatives to him.

I knew nothing nothing nothing nothing about websites, ftp, servers, domains, any of it. Didn't know if the price we were being quoted was high or low or if the site being proposed would fit our customers needs, etc. I was on a quest for information. Per my request, the phone company sent me an email with all kinds of information (I now know it was website settings) that made no sense. I called and discussed it with a tech and hearing for the first time ever about FTP programs, HTML code, HTML editors, etc, I was convinced I was WAY OVER MY HEAD. But the tech said to check the software on my PC...I may already have web software on my machine that could have come with other software. Many programs can create HTML without being an editor....check it out. It doesn't have to be difficult! He gave me hope that we did not have to pay that much for a website.

Corel WordPerfect came with a web software...Trellix.
Opened it and found myself in an office software similar to Word or WordPerfect.
Hey this is something I could get my head around! No coding, no wacko HTML stuff!
Typed a COMING SOON notice and put on our picture, phone number and company name.
The HELP files walked me through the basics of that single page.

Found the Trellix Cafe and KW, Turtle and others that afternoon.
They told me I had to upgrade to publish anywhere to get the page to our website.
I upgraded (and went through several other steps) but within that afternoon, I had a single page on our domain and showed it to my boss. He was amazed!! It was our company colors and actually had a picture!! A cheap $69 upgrade made me look like a hero!

He asked if I could make a product list and a contact page with names and phone numbers.
The next day, I went back to Trellix file, added two pages and links to them automatically appeared on the page like magic. Published again. Though it was quite plain and not built with FLASH, my boss was so impressed that he assigned me the task of building our website! I got recognition and a bonus for my work and saving the company money!

(in reply to samrc)

Post #: 6

Page: [1]

All Forums >> [Other Forums] >> Discontinued Products >> [CuteSITE Builder] >> CSB Design Questions >> Use of CSS in CSB ("Cascading Style Sheets")

Page: [1]

Jump to:

New Messages	No New Messages
Hot Topic w/ New Messages	Hot Topic w/o New Messages
Locked w/ New Messages	Locked w/o New Messages

Post New Thread

Reply to Message

Post New Poll

Submit Vote

Delete My Own Post

Delete My Own Thread

Rate Posts