Difference between revisions of "User:MrPib"
| Line 26: | Line 26: | ||
<marquee><font color=red>DEPRECATED USE CSS OR JS INSTEAD</font></marquee> | <marquee><font color=red>DEPRECATED USE CSS OR JS INSTEAD</font></marquee> | ||
(Scrolling text) | (Scrolling text) | ||
===== Marquee CSS ===== | |||
<Nowiki code> | |||
<!DOCTYPE html> | |||
<title>Marquee Example</title> | |||
<!-- Styles --> | |||
<style> | |||
.example1 { | |||
height: 50px; | |||
overflow: hidden; | |||
position: relative; | |||
} | |||
.example1 h3 { | |||
font-size: 3em; | |||
color: RED; | |||
position: absolute; | |||
width: 100%; | |||
height: 100%; | |||
margin: 0; | |||
line-height: 50px; | |||
text-align: center; | |||
/* Starting position */ | |||
-moz-transform:translateX(100%); | |||
-webkit-transform:translateX(100%); | |||
transform:translateX(100%); | |||
/* Apply animation to this element */ | |||
-moz-animation: example1 15s linear infinite; | |||
-webkit-animation: example1 15s linear infinite; | |||
animation: example1 15s linear infinite; | |||
}</Nowiki> | |||
Revision as of 23:18, 22 October 2018
SITE HTML CODES
I don't remember all of them off the top of my head right now, but here they are:
THESE WORK
(Replace {} with <> as I'm to lazy to re write the text)
{B}BOLD{/b} {I}italics{/i}
these might work
<HTML> This is for the header <Head> <Title> "text that shows current page info goes here" </title> Not a standardized part of HTML so it may vary <Image>favicon.png</image> </head>
<Body bgcolor=FF0080> (background color is page wide, can be hex or standardised color Fuschia,fuchsia)
{Font color="GREEN"}this HTML tag can be applied to the whole page,or just certain parts{/font}
(Rainbow text can be done manually to each letter, or done with CSS/JS)
<marquee>DEPRECATED USE CSS OR JS INSTEAD</marquee> (Scrolling text)
Marquee CSS
<!DOCTYPE html> <title>Marquee Example</title> <!-- Styles --> <style> .example1 { height: 50px; overflow: hidden; position: relative; } .example1 h3 { font-size: 3em; color: RED; position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: center; /* Starting position */ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */ -moz-animation: example1 15s linear infinite; -webkit-animation: example1 15s linear infinite; animation: example1 15s linear infinite; }