Main Menu
  • Welcome to The RPG Maker Resource Kit.

Web Design.

Started by :), May 16, 2007, 03:43:49 AM

0 Members and 1 Guest are viewing this topic.

:)

Quote from: Roph on June 11, 2007, 04:17:14 PM
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 =)

Ok so I went ahead and e-mailed this local magazine that comes out monthly.
their site is http://www.santaclaritamonthly.com/ and the actually agreed to let me make the site.

After looking and what she had I went "hey this should be easy" ...so I emailed her for details...she's looking for a completely new site and features.

One being a news system. Hey how easy eh? I already set one up for jalkson, so i emailed her back asking for more details...here is what she wants:


- News system:
- If the person is being advertised that month in the mag, they get a account to the news system
- They have a deadline for which they can post a news item about their store for that month
- They have a word limit
- if they don't advertise next month their account is gone.


...so yeah... anyone know where I can find this? 0_0
I mean if she agreed to pay me to update the site monthly I have no problem doing the account making a crap, but I dont know how to make a log in and stuff, last time was easy xD Roph gave me that cool code to use the forum stuff and check for access.

so any help would be cool!
I'm getting 300$ worth in advertisement space in return...that's a 1/3rd size ad for 1 month I believe :P but I am mainly doing it for the learning part.
Watch out for: HaloOfTheSun

SirJackRex

Wow! Good for you Nouman!

Roph

I'll quote my post too:

QuotePersonally 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 =)

Now re-read your post. I'd never use a paying client to "learn" with; I'd only do anything for them if I was already experienced with what I was doing and knew exactly what I had to do.

Either way, you could try using something like CuteNews; that would let you manage the account stuff.

It's not bulletproof but you could do a simple modification to the template for submitting news and check the input with Javascript and not allow a number of characters over x, or something.
[fright]bringing sexy back[/fright]

:)

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 ^^
Watch out for: HaloOfTheSun

ahref

the site does need a remake though :)

:)

ok I met here and we talked it out :P

She said she wrote everything wrong, and does not want to give them access to post news :P :P
Instead she will be hering either myself or someone else to be her full time "web master" this person just needs to post a news item every month by the deadline with the info she gives. Meaning all the clients will CALL her and giver her the info, then the web master posts it. So I can probally use the same method I did with rmrevolution since it seems like it would work.

Quote from: Nouman on July 04, 2007, 07:22:32 PM
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 ^^

Totally
Watch out for: HaloOfTheSun

:)

This problem seems to always come back and haunt me since I never remember how to fix it.
I need to make the left div, and the right (main text area) div align at the top.



both the div's are inside another div called main, the main has nothing in it and is just holding the background image on repeat.


<!-- Start Main div -->
<div id="main">
[b]<div id="left">
</div>[/b]
[b]<div id="right">
</div>[/b]
</div>
<!-- End of main div-->


I never understand how to make them work. :(

the css:

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;
}

Watch out for: HaloOfTheSun

:)

bumpers.
Just one thing, also I would like for it to extend no matter which div (left or right) is longer.
;D
Watch out for: HaloOfTheSun

Roph

float: left;

on the left div? =o should do the trick ~

Also what do you mean by the extending thing? If it's what I think you mean, just apply "clear: both;" to your footer =)
[fright]bringing sexy back[/fright]

:)

I will try that suggestion in a bit, what I meant was if there is more content in the left side the whole bg image would stretch, I have this problem here: (the church site)

http://www.oakhillbible.com/test/welcome.php
Watch out for: HaloOfTheSun

:)

:( still haven't had a chance to try it, will later today.

Anyways do you recommend any web design books? like have you read any that were awesome? They can be anything, I would love to learn mysql, php, css...just about that that will help and is also a good read.
Watch out for: HaloOfTheSun

Roph

The only thing I could say I "read" for web design stuff is A List Apart.
[fright]bringing sexy back[/fright]

:)

#112
:D :D
the clear both worked perfect! (well for now xD )



before I the white background wouldn't extend when the left side was longer than the main content side, so I had a ton of <br /.>'s everywhere to stretch, but with the clear both it works great :D

THANKS!!
Watch out for: HaloOfTheSun

:)

alright, so some wordpress help.

I'm trying to take wordpress and "inject" it into the main site.
www.oakhillbible.com/test

I want only some of the features to be displayed and to show on the page and not on a separate new blog styled page.

There will be a page www.oakhillbible.com/test/blog.php and it will have the full blog, on the homepage however it will show the most recent blog as it would normally show a blog, author, date, BLOG, option to comment and what not.

also on the side bar it would show the log in/ log out options and the choice to register.

so I ask how can I do this? I here there are php functions that cal call these individual features?
Watch out for: HaloOfTheSun

:)

Watch out for: HaloOfTheSun

:)

 roph, on http://slyph.org/music/silverline/sx1/ (the media player/archive list) do you update that manually?
Watch out for: HaloOfTheSun

:)

also

Safari browser is reading my IE style commands. is there a fix or a way around to this? when I remove the IE css it goes back to reading the normal style.css file and it works fine but then IE looks like shit.
Watch out for: HaloOfTheSun

Roph

<!--[if IE 7]>
      <link href="style_ie.css" rel="stylesheet" type="text/css" />
   <![endif]-->

Only IE7 will see it

<!--[if IE]> - Any IE

<!--[if lte IE 6]> - Any less than or equal to IE6

<!--[if gte IE 5.5]> - IE 5.5 Onwards will see it

And so on~
[fright]bringing sexy back[/fright]

:)

I have this in my header :

<!--[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]-->


and when it's in there, Safari looks all messed up, when I remove it Safari looks perfect.
Watch out for: HaloOfTheSun

:)

Quote from: Nouman on September 22, 2007, 07:35:08 PM
roph, on http://slyph.org/music/silverline/sx1/ (the media player/archive list) do you update that manually?

Hey, just wondering if you got the script you were using done?

^^ thx
Watch out for: HaloOfTheSun

Roph

#120
Save this as flash.php ~

[spoiler]
<?php//lol noob$remove_x = array("flash.php");$replace_x = array("");$dlurl = str_replace($remove_x, $replace_x, $_SERVER['PHP_SELF']);$filter = ".mp3";//directory to scan, if it's the same dir as the script just put a period.$directory = ".";//get mp3s and build array@$d = dir($directory);if ($d) { 
	
while(
$entry=$d->read()) {  
	
	
$ps = strpos(strtolower($entry), $filter);
	
	
if (!(
$ps === false)) {  
	
	
	
$items[] = $entry;
	
	
}
	
}
	
$d->close();
	
sort($items);}//Make XSPF playlistheader("content-type:text/xml;charset=utf-8");echo "<?xml version='1.0' encoding='UTF-8' ?>\n";echo "<playlist version='1' xmlns='http://xspf.org/ns/0/'>\n";echo "
	
<title>Sometitle</title>\n"
;echo "
	
<info>Someinfo</info>\n"
;echo "
	
<trackList>\n"
;for($i=0; $i<sizeof($items); $i++) {
	
echo
"
	
	
<track>\n"
;
	
echo
"
	
	
	
<annotation>"
.($i+1).". ".$items[$i]."</annotation>\n";
	
echo
"
	
	
	
<location>http://"
. $_SERVER["HTTP_HOST"] ."". $dlurl ."".$items[$i]."</location>\n";
	
echo
"
	
	
	
<info></info>\n"
;
	
echo
"
	
	
</track>\n"
;}echo "
	
</trackList>\n"
;echo "</playlist>\n";/* the mp3player flash file needs to be on the same domain as this script (it thinks it's an xml file and it is pretty much, just created dynamically) for it to work. embed the player like this:<object width="220" height="250">
	
<param name="movie" value="http://d4.slyph.org/mp3player.swf?file=http://d4.slyph.org/audio/silver/sx1/flash.php&lightcolor=0xA2B3BB&backcolor=0x6F6758&frontcolor=0xFFFFFF"></param>
	
<param name="wmode" value="transparent"></param>
	
<embed src="http://d4.slyph.org/mp3player.swf?file=http://d4.slyph.org/audio/silver/sx1/flash.php&lightcolor=0xA2B3BB&backcolor=0x6F6758&frontcolor=0xFFFFFF" type="application/x-shockwave-flash" wmode="transparent" width="220" height="250"></embed></object>Of course changing what's obvious ;o*/
?>
[/spoiler]

Visit it directly to see what it does and what it'll send to the mp3 player, which you can download here

========

For kicks here's an edited one that'll just make a list of the mp3s in a folder:

[spoiler]
<?php$remove_x = array("html.php");$replace_x = array("");$dlurl = str_replace($remove_x, $replace_x, $_SERVER['PHP_SELF']);$filter = ".mp3";$dir = ".";@$d = dir($dir);if ($d) { 
	
while(
$entry=$d->read()) {  
	
	
$ps = strpos(strtolower($entry), $filter);
	
	
if (!(
$ps === false)) {  
	
	
	
$items[] = $entry;
	
	
}
	
}
	
$d->close();
	
sort($items);}echo "<table>";for($i=0; $i<sizeof($items); $i++) {
	
echo
"<tr><td><a href=\"http://". $_SERVER["HTTP_HOST"] ."". $dlurl ."".$items[$i]."\">".($i+1).". ".$items[$i]."</a></tr></td>";}echo "</table>";?>
[/spoiler]
[fright]bringing sexy back[/fright]

:)

thx ^^

alright, so when I visit flash.php directly (as i do on your link) it shows exactly how it does on your link.
no flash player, just the code it needs to send to the flash player.

now, how can I show this on a page in the player form, and allow the download link as you did?

(sorry for all the questions xD)
ftp info if you need it was sent on irc.
Watch out for: HaloOfTheSun

Roph

#122
Embed the mp3 player flash file as normal and add a ?file= param for the php file. So on my site for that Sx1 thing, it's "http://d4.slyph.org/mp3player.swf?file=http://d4.slyph.org/audio/silver/sx1/flash.php"

(notice if you click the above link, it works)

Read the commented bit of the first php code for an example of how to embed the player and make it use the file. Of course change the URLs and width/height stuff to your own needs and everything =)

Here's that above embedding code pasted into this post with admin HTML hax:



works~ quote this post to see it again.
[fright]bringing sexy back[/fright]

:)

alright, so the player displays, and the files display.

flash.php - where the php code for the the whole thing is.
the swf is also in the same directory

and in sermon.php I have:

<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>


outcome:

http://www.oakhillbible.com/sermon.php

but the audio files don't play.
Watch out for: HaloOfTheSun

Roph

Er your files are missing or something, go to the mp3 urls and you get 404 errors.
[fright]bringing sexy back[/fright]