Instead of using images for your title/buttons/headings, you should use CSS as you can have more control over things from within your page rather than relying on external image editing software.
Plus, try using PHP to include other pages rather than iFrames, which make it sucky :p
<img src="http://mysite.com/myheader.gif" alt="Site header" />
.header_image {
background: url(http://mysite.com/header_image.jpg)
width: 750px;
height: 300px;
}
<div class="header_image"></div>
<link rel="stylesheet" type="text/css" href="http://mysite.com/css.css" />
Using CSS for common images like a header is the much preferred way.
Going the "old school" way, on each and every page, you'd have it in your HTML,Code: [Select]<img src="http://mysite.com/myheader.gif" alt="Site header" />
</style></head>
<body bgcolor="#FFFFFF">
<!-- ImageReady Slices (rpgcraze.psd) -->
<table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10">
<img src="images/rpgcraze_01.gif" width="900" height="225" alt=""border="0"></td>
</tr>
Using CSS for boxes / general layout is also what that guy is probably talking about also. That current RPG craze site's layout shape is made by the images being stacked together. Resize any of them and the entire layout is broken. With CSS / DIV code you could make a layout that's shaped by the CSS and then has it's images controlled by the CSS. An advantage to that is that ifyou ever want to make a new layout of your site, you'd just have to update images and the css and you could change the entire look.
PHP is great for lots of common content. Say you have a menu that stays the same for each and every page. Instead of writing it into each and every page, you can just write it once and then include it in the pages. Then if you ever wanted to update the layout you could just change that one file. I have to go to bed now ;_; but if you want me to show you examples and stuff, just ask me =o
This site has some great guides and easy to understand tutorials: http://www.tizag.com/
Instead of using images for your title/buttons/headings, you should use CSS as you can have more control over things from within your page rather than relying on external image editing software.
Plus, try using PHP to include other pages rather than iFrames, which make it sucky :p
background-image:url(images/Mysite_01.gif);
cool. Take a look when you can and tell me what to fix and such as you have been doing. ;D
alright, i'm starting to get a pretty good view on how to do the css style sheets for a page. I am look very closely to what silverline did and he did everything very clean and noticeable.
www.havok.esmartdesign.com
its not final or anything I just wanted to fool around.
now to the PHP part of it?
also I put eveything on one page because when i linked a new page to the css it was still the same LONG ass body height, am I supposed to name each body of each page it's div name?
but yeah we can move on :D
(I will be going over some of my other designs and attempting to make a css style sheet for them.)
Plus, try using PHP to include other pages rather than iFrames, which make it sucky :p
<p>Please select a sub destination:</p>
<p><br>
<a STYLE="text-decoration:none" href="aboutscv.php">About SCV</a></p>
<p> A brief overview of the county of Santa Calrita.</p>
<p><hr><br>
<a STYLE="text-decoration:none" href="aboutwebsite.php">About this site</a></p>
<p> Detailed info about everything on this site. Explains navigation options, special icons, and much more.</p>
<p><hr></p>
Please select a sub destination:
About SCV
A brief overview of the county of Santa Calrita.
About this site
Detailed info about everything on this site. Explains navigation options, special icons, and much more.
<p>Please select a sub destination:</p>
<br />
<p><a STYLE="text-decoration:none" href="aboutscv.php">About SCV</a><br />
A brief overview of the county of Santa Calrita.</p>
<hr /><br />
<p><a STYLE="text-decoration:none" href="aboutwebsite.php">About this site</a><br />
Detailed info about everything on this site. Explains navigation options, special icons, and much more.</p>
<hr /><br />
.contentlink {
text-decoration: none;
}
<a href="aboutwebsite.php" class="contentlink">About this site</a>
#content a {
text-decoration: none;
}
<a href="aboutwebsite.php">About this site</a>
<a STYLE="text-decoration:none" href="aboutscv.php">About SCV</a>
<?php
switch($_GET['page']) { default: include('main.html');
break; case "nextpage": include('whateverthenextpageis.html');
break; case "anotherpage": include('mynextpage.php');
break; case "links": include('document/links.html');
}
?>
margin-top: 183px;
margin-top: 183px;
html>body #leftside
if ($context['user']['is_admin'] or $context['user']['id'] == 2) {
<?php
include("/home/jalkson/public_html/forum/SSI.php");
include("header.php");
include("top.php");
include("news.php");
include("bottom.php");
?>
<?php
echo 'PENIS';
include('file.php');
?>
echo 'limestone';
PENISecho 'limestone';
<?php echo 'limestone' ?>
<?php
$text = 'RMRKWiki';
include('stuff.php');
?>
<?php
echo $text;
?>
RMRKWiki
<?php
include('stuff.php');
$text = 'RMRKWiki';
?>
<?php
echo $text;
?>
Notice: Undefined variable: text in /home/l33thax/public_html/n00b/index.php on line 1
<?phpBefore anything, I get the settings file.
include("../../../includes/settings.php");
//Page specific settings
$pagetitle = "Symphony No1 in D Minor - Short Story";
$pagetype = "halo_album";
$album = "symphony1";
//XSPF
$flashmp3[0] = ($halofiles2 .'/Symphony_No1_in_D_Minor/flash.php');
//height, adjust so fits nice
$flashmp3[1] = "139";
//Cd Covers baby ;3
$cd_front = "<img src=\"".$imgbase."/albumart/default.gif\" alt=\"No CD Cover yet!\" title=\"No CD Cover yet!\" />";
$cd_back = "<img src=\"".$imgbase."/albumart/default.gif\" alt=\"No CD Cover yet!\" title=\"No CD Cover yet!\" />";
include($includespath . '/header.php'); ?>
<?php
include($includespath . '/rightside.php');
include($includespath . '/footer.php'); ?>
Cascading Style Sheets or template can help... Or setting say your hearder area in a frame so it doesn't update etc...
Even using Flash it's fairly simple, if you save your hedrer image as say TEST, then when you want to update it, if you import new image with the same name TEST, it will replace all the old ones...
There are many little tricks when doing WEB design...
Here's one of my site:- www.equita.co.uk
It's made in frames, I done pretty much all of this (Some images got brought in by a photographer, but the rest is all me)...
flash when coded correctly can make a good site yes but im fed up with seeing sites that use flash in a messy way not optimizing their file and ending up with some giant loading bar filling up at a snail's pace.
Um, plus the whole being invisible to search engines thing?
http://www.google.com/search?q=Download+RPG+Maker+XP+Postality+Knights
http://www.google.com/search?q=RMRK
http://www.google.com/search?q=download+rpg+maker+2003
Using flash for sites is bad practice. Show me a professional web designer that makes their site in flash.
Keep in mind this article was written in 2000, though it's still pretty related:
http://www.useit.com/alertbox/20001029.html
do you have an example of a flash website you have created
<h1><b>NEWS</b></h1>
<br />
<?php
include ('mysql_connect.php');
$query = "SELECT id, title, author, post, DATE_FORMAT(date, '%M %d, %Y') as sd FROM news_posts ORDER BY date DESC";
$result = @mysql_query($query);
if ($result) {
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
$url = 'commentpage.php?id='.$row['id'];
rating_bar($row['id'], '5');
echo 'Title: <b>'.$row['title'].'</b> |
Date: <b>'.$row['sd'].'</b> |
Posted by : <b>'.$row['author'].'
</b><br /><br />
'.$row['post'].'<br />
<p class="post-footer align-right">
<a href="javascript:openComments(\''.$url.'\')" class="comments style3">Comments
</a>
</p><br />';
}
} else {
echo 'There are no news posts to display';
}
?>
//Page specific settings
$pagetitle = "Symphony No1 in D Minor - Short Story";
$pagetype = "halo_album";
$album = "symphony1";
<?php
include("/home/jalkson/public_html/forum/SSI.php");
include("header.php");?>
RMrevolution Rpg maker XP and 2k3 community
<?php
include("top.php");
include("news.php");
include("bottom.php");
?>
An answer to all your problems : Adobe Dreamweaver CS3
www.adobe.com
Best web design program ever.
An answer to all your problems : Adobe Dreamweaver CS3
www.adobe.com
Best web design program ever.
Personally I'd take time to learn what you're working with until you're comfortable before making stuff for other people.
Even if that just means you're only making simple stuff for others, at least it will work ok =)
Personally I'd take time to learn what you're working with until you're comfortable before making stuff for other people.
Even if that just means you're only making simple stuff for others, at least it will work ok =)
I read it wrong xD
Yeah you are right, I should have waited alot longer. I'll try cutenews and search around and maybe combine some scripts and stuff to get the outcome she wants. Thanks ^^
<!-- Start Main div -->
<div id="main">
[b]<div id="left">
</div>[/b]
[b]<div id="right">
</div>[/b]
</div>
<!-- End of main div-->
div#main {
font: 13px/2.0em verdana, arial, sans-serif;
width: 729px;
background-image:url(images/main-bg.gif);
}
div#left {
width: 250px;
margin-left: 10px;
}
div#right {
width: 400px;
margin-right: 10px;
}
<!--[if IE]>
/* MENU */
#left ul {
margin: 0;
padding: 0;
list-style: none;
width: 180px; /* Width of Menu Items */
}
#left ul li {
position: relative;
width: 100%;
display: block;
}
#left li ul {
}
/* Styles for Menu Items */
#left ul li a {
font: 0.82em verdana, arial, sans-serif;
text-align: left;
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border-bottom: 1px solid #ccc;
}
div#left {
float: left;
font: 0.82em verdana, arial, sans-serif;
text-align: left;
width: 160px;
margin-left: 45px;
}
div#middle {
padding: 0px 50px 5px 0px;
font-family: "Lucida Grande", Arial, Verdana, sans-serif;
color: #444;
font-size: 12px;
text-align: left;
width: 520px;
}
div#wrapper {
clear: both;
width: 837px;
background: url(http://www.oakhillbible.com/wp-content/themes/blog_theme/images/bg.jpg);
}
div#bottom {
font: 0.82em verdana, arial, sans-serif;
height: 35px;
width: 837px;
background: url(http://www.oakhillbible.com/images/footer.jpg);
}
div#header {
width: 837px;
height: 298px;
background: url(http://www.oakhillbible.com/wp-content/themes/blog_theme/images/header4.jpg);
}
</style>
<![endif]-->
roph, on http://slyph.org/music/silverline/sx1/ (the media player/archive list) do you update that manually?
<object width="220" height="250">
<param name="movie" value="http://oakhillbible.com/mp3player.swf?file=http://oakhillbible.com/flash.php&lightcolor=0xA2B3BB&backcolor=0x6F6758&frontcolor=0xFFFFFF"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://oakhillbible.com/mp3player.swf?file=http://oakhillbible.com/flash.php&lightcolor=0xA2B3BB&backcolor=0x6F6758&frontcolor=0xFFFFFF" type="application/x-shockwave-flash" wmode="transparent" width="220" height="250"></embed>
</object>
Nouman... I thought you knew those things. >.>
I still need to learn PHP ;-; Noone has given me a good place to learn it from.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />