[HTML +CSS] some basics!

Tenaria · May 2, 2009

Also guys, iam gonna show u some basics from css and html.
For Newbies, it will be easy too learn, if ur gonna change ur Nicaw / Gesior look. Some Basics:

There are some basics for IMAGES /GRAPHICS also

"background-repeat: repeat-y;" its means "repeat-y" the image showing down, and more times. like 99x

"background-repeat: repeat-x" its showing the image more times on the same field like ------------- (-=image)
"background-repeat: no-repeat;" it will show the Image as it is

Now also the pixel of the image

"height: 50px;"
"width: 50px;"
Height is how big the image gonna be.
Width how long the image gonna be. (dont understand it as it will bigger or smaller, its just showing a part of the image)

"background-color: black;"
background-color it means the color of the background

haha ^^
also if u put an image, and adding background-color, it the image wont be black but the background of the field.

html & php basics

if u doo an php script it will start like that :

PHP:

<html>

after that u can add head its loading the css/js and ico etc

PHP:

<html>
<head>

after that u can add the title of page like at this page OtLand u can doo that :

PHP:

<html>
<head>
<title>Tenaria-Rpg World of Mysterys</title>
</head>

DONT FORGET TOO CLOSE ANYTHING IF U OPEN IT EXAMPLE <head> ...</head> or <center> </center>

after that u can add the color of the page also the background

PHP:

<html>
<head>
<title>Tenaria-Rpg World of Mysterys</title>
</head>

BODY
{
 background-color: #000000;
}
</html>

u can change it and "BODY" is the body of the site u can change the color or u can use codes or black like background-color: black; which color u want

If u want add text or text color i will show u the code for fonts

PHP:

<html>
<head>
<title>Tenaria-Rpg World of Mysterys</title>
</head>

BODY
{
 background-color: #000000;
}
<center>
<font color="green"><p>Hello its just the green Text</p></font>
</center>
</html>

the center means, the text will be in the middlepoint of the site.

you can add images, or if u want too doo an background image just change the background color too

PHP:

<html>
<head>
<title>Tenaria-Rpg World of Mysterys</title>
</head>

BODY
{
 background-image:url(/skins/urskinname/blalbla.jpg or gif or png what ever :p);
}
<center>
<font color="green"><p>Hello its just the green Text</p></font>
</center>
</html>

Comeing with an another reback see ya

Good bye !

GoD Axel · May 2, 2009

Nice!!!

Tenaria · May 3, 2009

Next one:
Howto add an Video

If u want it from Youtube You just need copy this :

Or the Code :

PHP:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/QYWkAymAccg&hl=de&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QYWkAymAccg&hl=de&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Yours, Tenaria

Move'ing & Blinking Text!

PHP:

<html>
<head>
<title>Tenaria-Rpg World of Mysterys</title>
</head>

BODY
{
 background-image:url(/skins/urskinname/blalbla.format);
}
<center>
<marquee behavior="alternate">
  <b>This text is Moving</b>
</marquee>

</center>
</html>

If u want change the Text, just use the font code :

PHP:

<marquee behavior="alternate">
  <font color="red"><b>This text is Moving</b></font>
</marquee>

If u want too be the text faster, use this:

PHP:

<html>
<head>
<title>Tenaria-Rpg World of Mysterys</title>
</head>

BODY
{
 background-image:url(/skins/urskinname/blalbla.format);
}
<center>
<marquee scrollamount="50" scrolldelay="5">
  <b>This text is Moving fast</b>
</marquee>


</center>
</html>

If u want a blinking text

use this :

PHP:

<html>
<head>
<title>Tenaria-Rpg World of Mysterys</title>
</head>

BODY
{
 background-image:url(/skins/urskinname/blalbla.format);
}
<center>
<blink><p>This text is blinking<p></blink>

</center>
</html>

You can use the code with the Moving text would be like this:

PHP:

<html>
<head>
<title>Tenaria-Rpg World of Mysterys</title>
</head>

BODY
{
 background-image:url(/skins/urskinname/blalbla.format);
}
<center>
<marquee scrollamount="50" scrolldelay="5">
  <blink><b>This text is Moving fast and Blinking</b></blink>
</marquee>


</center>
</html>

Yours Tenaria

Zonet · May 6, 2009

Nice, i I'm reading html in W3Schools Online Web Tutorials, I've readed html, soon done, after that I'm going to read CSS, anyway, i prefer people to look at w3schools

it's much better, btw Nice tut.

Tenaria · May 7, 2009

Yea, its good site. I hope u will bee smart at PHP and CSS

good luck^^

Cain · May 8, 2009

First: This is not PHP and CSS. Its HTML and CSS. I havent seen any PHP yet, and all the code written above is plain HTML with CSS.

Second: The opening and closing tags for PHP is.

PHP:

<?php

?>

Yes you can mix PHP with HTML, but you cant write

PHP:

<html>
    <head>
    </head

    <body>
    
    echo "Hello";

    </body>
</html>

You need to add the opening and closing tags for PHP.

PHP:

<html>
    <head>
    </head

    <body>
    
    <?php echo "Hello"; ?>

    </body>
</html>

So basically, the title need to be changed, and

Tenaria said:
if u doo an php script it will start like that :

PHP Code:

PHP:

<html>

Third: Its a nice tutorial about HTML and CSS tho

Just wanted to correct you a bit. Hope you dont take it personally.

Tenaria · May 9, 2009

Nah not rlly, but i saying the same html and php i dont care rly also..

and the echo dont needed...its for Gesior i think iam using Nicaw and learned on it

Migxxx · May 9, 2009

Tenaria said:
Nah not rlly, but i saying the same html and php i dont care rly also..
and the echo dont needed...its for Gesior i think iam using Nicaw and learned on it

lol? php and html the same are u kidding me?!?!?!? and echo is a PHP function not html either gesior own function, is the basic to print something like
printf'blabla';
or the used above
echo'blabla';

Cain · May 10, 2009

Tenaria said:
Nah not rlly, but i saying the same html and php i dont care rly also..
and the echo dont needed...its for Gesior i think iam using Nicaw and learned on it

As Migxxx said; echo and print are built in PHP functions. They will not work with html unless you use the open and closing PHP tags.

HTML and PHP or WAY TWO DIFFERENT things. HTML is a static markup language(Hypertext Markup Language) and PHP is dynamic scripting/programming language.

PHP is used for making web application that can handle based on user input or produced code, but HTML is just able to place elements on the webpage.

Reis · Jul 1, 2009

Cain = correct, PHP is a server-side programming language, and can no be mistaken for HTML.

Also, tags like marquee and bling are not often used these days, and are somewhat "noobish" + blink will not work inn all browsers.

There are many cool things you can do with CSS, and MS IE has a cool css part named "filter" which will not work in other browsers than IE - UNLESS you can program JS DOM. If u want to be able to use some of these cool features, give me a shout an ill give u some nice JS to work in in all browsers

Delirium · Jul 2, 2009

Renamed the thread to [HTML +CSS] because it's actualy HTML and CSS, no php is written on your main post.

Reis · Jul 2, 2009

exuse me, but i just have to add:

You are COMPLETELY doing the CSS wrong.. OMG dude... This is how u enter a CSS code inside an HTML page:

PHP:

<html>
<head>

<style type="text/css">
body { background:#000; color:#FFF; }
</style>

</head>

<body>
Page contents here
</body>
</html>

The setup on CSS is free, u dont need to have all on signle line as i have here, but i think that is more conveniant for code with lots of css. But as you see, you need to determine css INSIDE the STYLE tag, not directly in the HTML..

Paxton · Jul 2, 2009

U started the tut bad, you did not even say how to include css to html page ;(

[HTML +CSS] some basics!

Tenaria

New Member

GoD Axel

HuH FUCK???

Tenaria

New Member

Zonet

Web Developer

Tenaria

New Member

Cain

New Member

Tenaria

New Member

Migxxx

◥▶◀◤

Cain

New Member

Reis

New Member

Delirium

OTLand veteran

Reis

New Member

Paxton

Banned User

Similar threads