SysChat (
-   Development (
-   -   Web Page Development - Blog Templates - How to? (

mhookem 07-30-2007 02:26 AM

Inline CSS
I would agree with William, in the long term, if your going to be building a bigger site using an external CSS sheet is a lot tidier and an easier to manage.
Although I think our budding young web designer:sconfused: should take the advantage of learning the way of 'inline' while he's starting out so that he can fully understand the difference.:boink:.

If Sami's OK with us having a chat about it on SC, lets go for it. It'll make a nice change from a crashed HDD!



b1caez01 07-30-2007 12:51 PM

Web Page Construction.
Well, its going to take some initiative by someone at your end to establish a forum, first...then you may as well transfer our discussions over to it to give it some substance to start with, and show folks what it is all about.

Was anyone going to respond to my last set of questions, or shall I wait until "we" launch the new site?

For purely selfish reasons, I had hoped for just a "helper" forum rather than a tutorial forum, although that might be the best place for it "TUTORIALS and HOW TO'S" I am a learn by doing sort of guy...instructions totally confuse me...I need the visual learning cues to work around. Like to tear things down to see how they work. I've also found that if we had a standard template, and since blogs are all the rage, and blogs are at hand...they can be used to prepare a teaching template...showing what goes where and what happens when "what" goes there...that is a big help to me, as I muddle my way along and insert <!---notes on the fly--->

Let me know if you need any help bouncing ideas around. I'm an avid learner.


b1caez01 07-31-2007 12:40 PM

Problem solved...SYSCHAT and GOOGLE links from images
After chipping away at the code from the source view, I've managed to come up with this...and it works. I slipped into my page near the bottom of the template in the following manner... Notice the code for inserting a GOOGLE search field that I manipulated. You can just copy and paste this code into your blog. You may have to dicker around with the correct spot though, if you are not using templates... Also notice the <br /><br plus a space at the beginning of each entry. This will separate the images by a space...want more space [?] insert another bit of code as above...

<!-----------------------leave this line------------------>

Techie section: <!---just type this appears as shown--->

<br /><br <DIV ALIGN="CENTER"><a href=""><img src="" border="0" alt="SysChat" /></a></div> <div class="nav"> <div class="nav_center"></a></p></a><DIV ALIGN="CENTER">

<br /><br <DIV ALIGN="CENTER"><a href=""><img src="" alt="" /></a></dd></a><DIV ALIGN="CENTER">

<br /><br <p id="powered-by"><a href=""><img src="" alt="Powered by Blogger" /></a></p>
<br /><br <p id="blogfeeds"><$BlogFeedsVertical$></p>

<p>This is a paragraph of text that could go in the sidebar.</p>

<!-- End #sidebar -->

<!-- End #content -->

<!-----------------------leave this line------------------>

<!-- Begin #footer -->
<div id="footer"><hr />
<p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>

<!-- End #footer -->

<!-----------------------leave this line------------------>


mhookem 07-31-2007 05:11 PM

Glad to hear it! I'll see about putting a few HTML tips together and ask Sami if I can post it somewhere, although I think for now it might well just end up in the development forum.

I'll keep you posted.



bddl 08-04-2007 11:56 AM

Working in vista?
Martin, I have been keeping up with the post on web plus , and thank you for being simple when it comes to creating a web page, here's my problem I finally decided to go for the "serif" freeware, got the code to unlock the software, opened it up and ""Nothing"" , it wont operate( I think) on my vista os, have I made an error somewhere that I do not realize, thank you for any help

mhookem 08-04-2007 05:44 PM

Easy Web Design
Hello and thanks! My version works ok with vista, and it's only the next one up. It might be worth asking Serif to see if it's compatible.

If it doesn't work you can find version 7 or 8 pretty cheaply. There's one here for £9.99 WebPlus 7 Home Page Creator: Software

Or you can download a trial of version 7 here: Serif WebPlus 7 -



bddl 08-05-2007 01:18 PM

very helpful
Many thanks Martin, I shall look into an upgraded version, you have been very helpful in this matter

b1caez01 08-06-2007 10:20 AM

Forgot to mention something in my code...
I forgot to mention last time about the dashed lines, and what to do with them...

<!-----------------------leave this line------------------>

The dashed line will not appear on the web page, so I write myself personal "how to do" messages there. Like this... that way, I always know where to put stuff.

<!-----------this is where you insert the side bar code---->

And, don't forget to save a copy of the entire template after each final alteration. Number them Blog1 Template-sidebar1, Blog4 Template-header2, Testing Template-footer3, etc. or that you can return to any stage of the operation on any of your blogs, and pick up where you erred.

Here is a new bit of code: I use sometimes to pick up my mail, when my regular site cannot be accessed... here is the code to take you there from your blog page, and for anyone visiting your page to do the same...they would go to THEIR mail site... Make sure that if part of it shows up underlined? ...that you delete the underlining but not the script...join it up to make one line of script.

<br /><br <script src=";synd=open&amp;w=320&amp;h=230&amp ;;border=%23ffffff%7C3px%2C1 px+solid+%23999999&amp;output=js"></script>

...pop it into your blog in the side bar...just above the following lines of script that show the blogger button

<br /><br <p id="powered-by"><a href=""><img src="" alt="Powered by Blogger" /></a></p>
<br /><br <p id="blogfeeds"><$BlogFeedsVertical$></p>

b1caez01 08-06-2007 04:41 PM

Another two mysterious problem...
1. Bullets magically appear in front of links. I can't seem to find any ref's to them. What key word should I be looking for in my template?

2. The entire body content went "center" rather than align left between the last time I visited the page and the next. I can't find any "center" that should not be there. Any idea as to what to look for?

For the readers: I have discovered why my sidebar often looks larger then it should be when I am testing and mucking about on my test site...and the contents of the sidebar go all wonky... the footer size should match the body content size, or be a bit smaller; e.g. if body size is 800 the footer should be around 600 or maybe 400...any larger, and it will "push" the contents of the side bar off the page...this took ages to figure out! Once I tracked that down, all fell into place...

mhookem 08-07-2007 08:19 AM

Unordered Lists in HTML
Hello Al, for the bullets you should be looking at wether you have made an 'unordered list', the line usually starts with <ul>. For example:-

<li>First item
<li>Second item
<li>Third item

This will give you a bullet in front of each of the list items.

For your body content, check any 'align="center" attributes that you have used to make sure they have been inserted correctly and contained within the line that you want to set the attribute to. If you've missed a bit then you may have accidentally set the attribute to the whole 'body'.

And that's the disadvantage of 'inline css'!

You can set up CSS styles which be applies to certain sections of your page so as to avoid having to find where you've made an error.



All times are GMT -4. The time now is 07:36 AM.

Copyright © 2005-2013

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54