Ok Complete NOOB needs help

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
UrbanGrafix
Posts: 4
Joined: Mon Apr 09, 2007 10:56 pm

Ok Complete NOOB needs help

Post by UrbanGrafix »

Basically im helping out a school by making a website and ive done about 80% of it atm but as I need somewhere kids could update themselves etc Ive installed serendipity and got it working no problem.

Only problem is that I have no clue in hell how to get the blog and only the blog so really the writing to appear in the same page ive been using.

I will try to explain further. Im using Expression Web and im using a master.dwt file for my template basically is there anyway to turn this into use this as a theme or what ever in serendipity? (im using a free host atm for testing purposes but they only have php 4.0.0 - 100web and smarty says it needs 4.0.6 or higher)

I know basic HTML thats about it.

Thats the HTML of the master.dwt and this is a pic of its design Image
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="SHORTCUT ICON" href="images/lolo.ico"/>
<title>St Joseph's School, Morrinsville</title>
<!-- #BeginEditable "doctitle" -->

<!-- #EndEditable -->
<link href="styles/style3.css" rel="stylesheet" type="text/css" />

<meta name="description" content="St Joseph's School Morrinsville - Morrinsville's only Catholic learning environment." />
</head>

<body style="background-color: #FFFFFF; background-image: url('images/background1.jpg');">


<p class="style2"> </p>
<!-- Begin Container -->
<a name="top" id="top"></a>
<div id="container">
<!-- Begin Masthead -->
<div id="masthead" class="style2">
<img src="images/faded_end logo.jpg" alt="" width="630" height="115" /></div>
<!-- End Masthead -->
<!-- Begin Page Content -->
<div id="page_content" class="float_right">
<!-- Begin Sidebar -->
<div id="sidebar" style="left: -5px; top: 23px" class="style15">
<a href="default.htm" style="width: 35px; height: 10px; color:navy">Home</a>
<a href="welcome/welcome.htm" style="width: 146px; height: 10px; color:navy">Principal's Welcome</a>
<a href="trustees/trustees.htm" style="width: 136px; height: 10px; color:navy">Board of Trustees</a>
<a href="about/about.htm" style="width: 67px; height: 10px; color:navy">About Us</a>
<a href="newsletter/newsletter.htm" style="width: 118px; height: 10px; color:navy">Our Newsletter</a>
<a href="staff/staff.htm" style="width: 66px; height: 10px; color:navy">Our Staff</a>
<a href="classrooms/classrooms.htm" style="width: 119px; height: 10px; color:navy">
Our Classrooms</a>
<a href="contact/contact.htm" style="width: 80px; height: 10px; color:navy">Contact Us</a>
</div>
<!-- End Sidebar -->
<!-- Begin Content -->
<div id="content" style="left: -5px; top: 0px; width: 423px;">
<!-- #BeginEditable "content" -->
<h2 class="style14">Headline 2</h2>
<p class="style15">insert content here</p>
<p class="style15"> </p>
<p class="style15"> </p>
<p class="style15"> </p>
<p class="style15"> </p>
<p class="style15"> </p>
<!-- #EndEditable --></div>
<!-- End Content --></div>
<!-- End Page Content -->
<!-- Begin Footer -->
<div id="footer">
<p><a href="#top" ><span class="style17"> ^ Top of Page</span></a> |
<a href="default.htm" class="style16">Home</a> |
<a href="welcome/welcome.htm" class="style16">Principal's Welcomes</a> |
<a href="trustees/trustees.htm" class="style16">Trustees</a> |
<a href="about/about.htm" class="style16">About Us</a> |
<a href="newsletter/newsletter.htm" class="style16">Newsletter</a> |
<a href="staff/staff.htm" class="style16">Staff</a> |
<a href="classrooms/classrooms.htm" class="style16">Students</a> |
<a href="contact/contact.htm" class="style16">Contact</a>
</p>
<p><span class="style16">
Copyright © 2007 St. Joseph's Morrinsville All Rights Reserved.
</span></p>
</div>
<!-- End Footer -->
<!-- End Container -->

</div>
</body>

</html>
Is anyone able to help, if so it would be so appreciated
UrbanGrafix
Posts: 4
Joined: Mon Apr 09, 2007 10:56 pm

Post by UrbanGrafix »

Ok Ive followed a tutorial atm to the point where ive copied the defult template and renamed it stjoes and have applied it as my current style now how do i modify it?
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

You will now need to check out the various *.tpl files, mainly entries.tpl and index.tpl and modify it there.

It's definitely some work and requires some good HTML knowledge, and also some work for you to understand how Smarty uses "foreach" loops to print individual entries and how variable spaceholders work.

Did you alread ycheck out the www.s9y.org documentation about Styles and Themes? Also check out www.carlgalloway.com and www.s9y-users.com to search for some tutorials.

HTH,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
UrbanGrafix
Posts: 4
Joined: Mon Apr 09, 2007 10:56 pm

..

Post by UrbanGrafix »

I have checked the sy9 docs and figured out drips and drabs of it thanks for the other link I will check them out
Don Chambers
Regular
Posts: 3657
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Post by Don Chambers »

Conceptually - you have 3 choices:

A) Revise/create a s9y template that imitates your website so that when the blog is called, it looks just like any other page on your site (Garvin addressed this). Might not be too difficult as you can review the HTML and CSS generated by Expression Web and make corresponding changes to the s9y tpl and css files.

B) Bmbed s9y output within an otherwise blank "content" page within your existing website. To embed, see this: http://www.s9y.org/123.html. It is a bit of a pain to accomplish, but it can be done.

C) The third option is to completely ditch Expression Web and power your entire website via s9y. You entries ("news items") are the dynamic portion, and your other pages (ie, "about us", etc) can be generated by the static page plugin. There is also a contactform plugin to handle that aspect of your site.

This could be an oversimplification, and perhaps I do not fully appreciate what you want to accomplish, but perhaps it will give you some keywords to search this site for ideas and answers.
=Don=
UrbanGrafix
Posts: 4
Joined: Mon Apr 09, 2007 10:56 pm

Post by UrbanGrafix »

Thanks guys, the first idea looks the best only problem Is well its will take me too much time to learn and implement and therefore wont really be worth it. Thanks for your help though.
Post Reply