Scribd
Upload
116 views

Arielle's HTML/CSS Code

The document contains HTML and CSS code for a blog website with the following key elements: - A purple background with repeating image and text styled in blue font - A table used to layout the blog content with rounded borders and drop shadow - The blog post discusses loving others and asking Jesus for help in learning to love - Additional pages are linked at the bottom and a YouTube video is embedded - JavaScript code is included to make hearts fall from the top of the page

Uploaded by

api-338008544
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
116 views

Arielle's HTML/CSS Code

The document contains HTML and CSS code for a blog website with the following key elements: - A purple background with repeating image and text styled in blue font - A table used to layout the blog content with rounded borders and drop shadow - The blog post discusses loving others and asking Jesus for help in learning to love - Additional pages are linked at the bottom and a YouTube video is embedded - JavaScript code is included to make hearts fall from the top of the page

Uploaded by

api-338008544
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Arielle’s HTML/CSS Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Christian Blogger.com</title>

<style>

a:link{color:#00CCFF;}

a:visited {color:#99CCFF;}

a:hover {color:#CC00CC;}

html {background:#993399;

background-image:url("background.png");

background-repeat:repeat;

font-family:Arial;

color:#06C7FB;

font-size: 14px

p {font size:20;}

h1{

font family:Arial;

color:000000

text-decoration:underline: none

#mytable {-webkit-border-radius: 10px;

-moz-border-radius: 10px;
border-radius: 10px;}

-webkit-box-shadow: 1px -3px 25px 8px rgba(154,55,179,1);

-moz-box-shadow: 1px -3px 25px 8px rgba(154,55,179,1);

box-shadow: 1px -3px 25px 8px rgba(154,55,179,1);

</style>

</head>

<body>

<center>

<table id="mytable" cellpadding="2" cellspacing="2" border="2" bordercolor="#000000"


bgcolor="#626262" width="592">

<tr>

<td>

<h1>Love</h1><br>

<center>

<img src="http://funmozar.com/wp-content/uploads/2014/09/fire-heart.jpg" style= "border-color:


#06C7FB"

border="10" width=220>

<br> source: pickywallpapers.com</center><br><br>

Hello, I am ChristianBlogger28 and I am very excited for my first blog! today,

I would like to talk about love. Loving people is hard because they may annoy you.

There is only one person you can ask to help you love, and that is Jesus.
Jesus can help you during your time of need. Just pray to Him and ask him to help

you love. It is important to learn how to love early in your life so that you can practice

Godly behavior. It is also important to love so that you can have a happy life. If you

treat people nicely and show them lots of love, you will have lots of friends. It is also important

to show love to siblings so that they can be with you and care for you your whole life.

Thank you so much for reading. I hope you read my blog every week.<br><br>

<a href="Ari Website 2.htm">Back</a>

<a href="Ari Website 3.htm">Next Post</a>

<br><br>

</tr>

<tr height=50>

<td>

<p>Menu: <a href="http://www.godtube.com/" target="new">Godtube</a>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.godvine.com/" target="new"> Cool Verses on


Love</a> </p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.biblestudytools.com/" target="new">Good


Study tool for Learning The Bible</a> </p>

<marquee>Message of the week: Love your neighbors as yourself. Jesus loves you, you should love and
respect others! Do't let sin or temptation get

the best of you and stop you from loving God.</marquee><br><br>

</td>

</tr>

<tr>

<td>

<P>
<center>

<iframe width="420" height="315" src="http://www.youtube.com/embed/KBALcN701NU"


frameborder="0" <allowfullscreen></iframe>

</center>

</p>

</td>

</tr>

</table>

</center>

<!--Simply copy and paste code into <BODY> of HTML page

Just above the close </BODY> tag. -->

<SCRIPT type="text/javascript">

/*

Hearts Fall 1 - Drifter - JavaScript

Visit www.rainbow.arch.scriptmania.com/scripts/

for this script and many more

*/
// **** Changed to Hearts from Snow ****

// Set the number of snowflakes (more than 30 - 40 not recommended)

var snowmax=12

// Set the colors for the snow. Add as many colors as you like

var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD","#ffffff","#ffc0cb")

// Set the fonts, that create the snowflakes. Add as many fonts as you like

var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// **** CHANGE YOUR IMAGE HERE ****

// Set the letter that creates your snowflake (recommended: * )

var snowletter=" <img src=heart9.gif> "

// Set the speed of sinking (recommended values range from 0.3 to 2)

var sinkspeed=0.6

// Set the maximal-size of your snowflaxes

var snowmaxsize=40

// Set the minimal-size of your snowflaxes

var snowminsize=20

// Set the snowing-zone

// Set 1 for all-over-snowing, set 2 for left-side-snowing

// Set 3 for center-snowing, set 4 for right-side-snowing


var snowingzone=1

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION ENDS HERE

///////////////////////////////////////////////////////////////////////////

// Do not edit below this line

var snow=new Array()

var marginbottom

var marginright

var timer

var i_snow=0

var x_mv=new Array();

var crds=new Array();

var lftrght=new Array();

var browserinfos=navigator.userAgent

var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)

var ns6=document.getElementById&&!document.all

var opera=browserinfos.match(/Opera/)

var browserok=ie5||ns6||opera

function randommaker(range) {

rand=Math.floor(range*Math.random())

return rand

function initsnow() {

if (ie5 || opera) {
marginbottom = document.body.clientHeight

marginright = document.body.clientWidth

else if (ns6) {

marginbottom = window.innerHeight

marginright = window.innerWidth

var snowsizerange=snowmaxsize-snowminsize

for (i=0;i<=snowmax;i++) {

crds[i] = 0;

lftrght[i] = Math.random()*15;

x_mv[i] = 0.03 + Math.random()/10;

snow[i]=document.getElementById("s"+i)

snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]

snow[i].size=randommaker(snowsizerange)+snowminsize

snow[i].style.fontSize=snow[i].size

snow[i].style.color=snowcolor[randommaker(snowcolor.length)]

snow[i].sink=sinkspeed*snow[i].size/5

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-
snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-
snow[i].size)+marginright/2}

snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)

snow[i].style.left=snow[i].posx

snow[i].style.top=snow[i].posy

movesnow()
}

function movesnow() {

for (i=0;i<=snowmax;i++) {

crds[i] += x_mv[i];

snow[i].posy+=snow[i].sink

snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);

snow[i].style.top=snow[i].posy

if (snow[i].posy>=marginbottom-2*snow[i].size ||
parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-
snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-
snow[i].size)+marginright/2}

snow[i].posy=0

var timer=setTimeout("movesnow()",50)

for (i=0;i<=snowmax;i++) {

document.write("<span id='s"+i+"' style='position:absolute;top:-


"+snowmaxsize+"'>"+snowletter+"</span>")

if (browserok) {

window.onload=initsnow

}
</script>

<p><font face="arial" size="-2">Free JavaScript from </font><br><font face="arial, helvetica" size="-


2"><a href="http://rainbow.arch.scriptmania.com/scripts/">Rainbow Arch</a></font></p>

</body>

</html>

You might also like