Jump to content

Tips for starting


ahile91

Recommended Posts

Hello evryone i just started to study and work at website sorry for my bad english...i did not understand how can i make a ENTER page..

I want to put a wallpaper background, another small boarder and inside the boarder to put my adds and a enter button with link to my page. so evryone who want to join on my page to make clik on my ads. i try to make by myself but i cant :( i have problem wih connect html with external file like CSS or Bootstrap..pease somone help me thx

Link to comment
Share on other sites

he don`t want to load my background i try like this and i try it again know

i heave all my file on my desktop

<head>body {    background-image: url("http://s11.postimg.org/5e5aeh3ar/socerbackground.jpg");}h1 {    color: red;    margin-left: 20px;}</head>

even if i put only the name of the photo he don`t show..

and the html

how can i style this ?

<!DOCTYPE html><html><head><head><link rel="stylesheet" type="text/css" href="mystyle.css"></head><style></style></head><body><h1>Welcome</h1><p>This your place</p><p>text text text text text text text</p></body><img src="integra.jpg" width="30%" height="30%"><button type="button"><a href="http://website" target="blank">enter site</button</html>
Edited by ahile91
Link to comment
Share on other sites

please can anyone tell me wath is wrong here ! :(

i want to make auto-resize background so can i use olso in mobile version.

i want to add style on my ENTER button but i don`t know how

and why he dont load my background image ? please help please

<!DOCTYPE html><html><body><head><style>{    background-image: url("integra.jpg");    background-size: 80px 60px;    background-repeat: no-repeat;}h1 {    color: red;    margin-left: 20px;}<img src="integra.jpg" alt="integra" width="224" height="162" /></style></head></body></html>
<!DOCTYPE html><html><head><head><link rel="stylesheet" type="text/css" href="mystyle.css"></head><style>#navlist {    position: center;}#navlist li {    margin: 0;    padding: 0;    list-style: none;    position: center;    top: 0;}#navlist li, #navlist a {    height: 100px;    display: block;}#enter {    left: 100px;    width: 100px;    background: url('integra.jpg') 0 0;}</style></head><body><h1>Welcome</h1><p>This your place</p><p>text text text text text text text</p><ul id="navlist">  <li id="enter"><a href="http://"></a></li></ul></body></html>
Link to comment
Share on other sites

i dont have a domain or a host for moment

i was tinking if i well make an acount here i well get help and someone to explaine to me where i make the mistake...i know i need to study mor but i can not do alon if i have questions

Edited by ahile91
Link to comment
Share on other sites

Come back and ask questions here when you have code that validates with no errors. You could start with something like this...

<!DOCTYPE html><html><head><meta charset="utf-8"><title>tab</title><link rel="stylesheet" type="text/css" href="mystyle.css"><style>body {    background-image: url("http://s11.postimg.org/5e5aeh3ar/socerbackground.jpg");    background-size: 100% auto;    background-repeat: no-repeat;}#wrapper{  width:90%;  margin:0 auto;  text-align:center;  border:1px solid gray;}a.btn{  display:inline-block;  width:100px;  height:40px;  color:#fff;  font-weight:bold;  font-size:20px;  background-color:#3f0;  border:1px solid #00f;  border-radius:10px;  text-decoration:none;  padding-top:15px;  outline:0;}</style></head><body><div id="wrapper"><h1>Welcome</h1><p>This is your place</p><a class="btn" href="http://www.google.com" target="_blank">Click This</a></div></body></html>
Link to comment
Share on other sites

i try to make but i cant pfff.....i found one site and he generate my css style button but i put in validation link and he give me error and how can i connect this on my html omg !

i try like this in many ways

<button type="button">Click Me!</button>

<a herf="http://site" target="blank" class="" > </a>

 

have this code that i want to use:

<a href="http://www" onclick="window.open('http://www')">Click</a>

.btn {  background: #2adeeb;  background-image: -webkit-linear-gradient(top, #2adeeb, #fff154);  background-image: -moz-linear-gradient(top, #2adeeb, #fff154);  background-image: -ms-linear-gradient(top, #2adeeb, #fff154);  background-image: -o-linear-gradient(top, #2adeeb, #fff154);  background-image: linear-gradient(to bottom, #2adeeb, #fff154);  -webkit-border-radius: 60;  -moz-border-radius: 60;  border-radius: 60px;  text-shadow: 0px 0px 12px #000000;  -webkit-box-shadow: 2px 3px 8px #544e54;  -moz-box-shadow: 2px 3px 8px #544e54;  box-shadow: 2px 3px 8px #544e54;  font-family: Georgia;  color: #ff33a7;  font-size: 60px;  padding: 19px;  border: solid #ff8c00 2px;  text-decoration: none;}.btn:hover {  background: #e617af;  background-image: -webkit-linear-gradient(top, #e617af, #e62020);  background-image: -moz-linear-gradient(top, #e617af, #e62020);  background-image: -ms-linear-gradient(top, #e617af, #e62020);  background-image: -o-linear-gradient(top, #e617af, #e62020);  background-image: linear-gradient(to bottom, #e617af, #e62020);  text-decoration: none;}

please help me with this so i can start make the index page i dont find a tutorial to explain how to combine all language i want to work in separate file all .CSS code in few file like enter.css ; text.html

Edited by ahile91
Link to comment
Share on other sites

Your first link is not correct. See my code above or see...http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links_targetIf you want to use a separate CSS file then you certainly can, but you don't need to do that, and multiple files can just add confusion.If you want us to understand what you are asking for, and it involves images, you will probably needto put those images online, using a free service such as Photobucket.com

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...