« previous next »
Pages: [1]   Go Down

Author Topic:  [TUT]Cum sa faci un Home page.  (Read 2015 times)

0 Members and 1 Guest are viewing this topic.

Offline ReePs

  • Newbie
  • *
  • Posts: 9
  • Reputation: 0
  • Gender: Male
[TUT]Cum sa faci un Home page.
« on: 19 July 2014, 18:28:16 »
Umm , prima oara , proiectul e doar orientativ , prefer sa nu folositi coding-ul meu pentru web site-urile voastre deoarece este sub copyright-ul meu si sunt capabil sa va plimb prin tribunale :)) ( glumesc , sau nu. )
In primul rand pentru partea HTML :
Quote
<!DOCTYPE html>
<html>
<head>
   <link rel='stylesheet' href='style.css'/>
   <script type="text/javascript" src="script.js"></script>
   
</head>

<body style="background-image:url(http://www.dentons.com/~/media/Images/Background%20Images/Offices/New%20York/new_york_opt_02.jpg)">

<div id="box1"><h1 id="Home"><a href="www.google.com">Home</h1><h1 id="Category"><a href="www.google.com">Category</h1><h1 id="Contact"><a href="www.google.com">Contact</h1><h1 id="About"><a href="www.google.com">About Us</h1> </div>
<hr noshade size=2>

<div id="box2"><a href="www.google.com
"><input class="submit-button" type="button" onclick="spam()" value="View Full Article"><iframe id="video1" width="420" height="315" src="//www.youtube.com/embed/8mkmUdUYgH0" frameborder="0" allowfullscreen></iframe>
 </div>
<div id="box3"><a href="www.google.com
"><input class="submit-button" type="button" onclick="spam()" value="View Full Article"></div>
<div id="box4"><a href="www.google.com
"><input class="submit-button" type="button" onclick="spam()" value="View Full Article"></div>
<div id="box5"><a href="www.google.com
"><input class="submit-button" type="button" onclick="spam()" value="View Full Article"></div>
<div id="box6"><a href="www.google.com
"><input class="submit-button" type="button" onclick="spam()" value="View Full Article"></div>
<div id="box7"><script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
 
    <canvas id="myCanvas"></canvas>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
    <script type="text/javascript" src="script.js"></script>
 </div>
<div id="box8"> </div>


<div id="bbox"></div>


</body>
</html>
Acum la CSS :
Quote
#box1 {
    width: 1200px;
    height: 70px;
    padding: 10px;
    margin: 0px;
    margin-top:10px;
    b;
   
   
}
#Home {
margin-left:90;
 }
h1 {font-size:50px;
font-family:"Comic Sans MS", cursive, sans-serif;
color:green;
display:inline;
margin-top:-7px;
 width: 1280px;
    height: 70px;
    padding: 10px;
    border: 2px solid transparent;
    margin: 0px;
    margin-top:10px;
}
#Category { margin-left:60px }
#Contact { margin-left:60px }
#About { margin-left:60px }
#box2 {  width: 600px;
    height: 400px;
    padding: 10px;
    border: 2px solid black;
    margin-left: 50px;
    margin-top:60px;
   }
#box3 { width: 600px;
    height: 300px;
    padding: 10px;
    border: 2px solid black;
    margin-left: 50px;
    margin-top:60px;
    }
   
#box4 {width: 500px;
    height: 200px;
    padding: 10px;
    border: 2px solid black;
    margin-left: 720px;
    margin-top:-800;
    }
#box5 { width: 500px;
    height: 200px;
    padding: 10px;
    border: 2px solid black;
    margin-left: 720px;
    margin-top:50;
   }
#box6 {width: 500px;
    height: 200px;
    padding: 10px;
    border: 2px solid black;
   
    margin-left: 720px;
    margin-top:50;
   
    }
#box7 { width: 170px;
    height: 300px;
    padding: 10px;
    border: 2px solid transparent;
    margin-left: 150px;
    margin-top:-100px;
   
   }
#box { width: 100px;
    height: 1000px;
    padding: 10px;
    border: 1px solid black;
    margin-left: 38px;
    margin-top:-960px;
    background-color:black;
    opacity:0.8;
    ;}
#video1 { margin-top:-50px;
margin-left:180px;
border-radius:10px
}
a:link {
    text-decoration: none;
    color:black
}


a:visited {
    text-decoration: none;
    color:black
}
a:hover {
  color:#60b6e8;
  background-color: transparent;
}


a:active {
    text-decoration: italic;
    color:black
}
hr { color:black;
border-radius:90px;
}
.submit-button { height:50px;
width:170px;
font-family:"Comic Sans MS", cursive, sans-serif;
font-size:20px;
background-color:black;
opacity:0.3;
color:white;
display:block;
margin-left:0px;
border-radius:10px;
margin-top:10px;
}
#box8 { ;width: 1170px;
    height: 70px;
    padding: 10px;
    border: 2px solid black;
    margin-left:50px;
    margin-top:60px;}

Si insfarsit , JavaScript :
Quote
var myName = "Kell Dope";

var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var letterColors = [red, orange, green, blue, purple];

drawName(myName, letterColors);

if(10 < 3)
{
    bubbleShape = 'square';
}
else
{
    bubbleShape = 'circle';
}

bounceBubbles()
( Webpage-ul nu este inca gata , inca nu am postat pagina deci probabil o sa fac mai multe update-uri pana sa imi deschid site-ul. )
Preview: http://www.codecademy.com/ReePs/codebits/kahcLX/edit ,
PS: Nu sunt expert , am 1 luna experienta in HTML , nu fiti asprii :D.
Pace.
« Last Edit: 25 August 2014, 00:36:28 by ×X×_vasya_×X× »
Logged

Offline >.marKeLonn.<

  • ησтнιηg ιѕ ιηєνιтαвℓє
  • Legend
  • High-Roller
  • *
  • Posts: 2922
  • Reputation: 3
  • Gender: Male
  • SUCCES IS MY ONLY MOTHERF*CKING OPTION
  • Real Name: ^ M.J.Z ^ Angelo ^
Re: [HTML/CSS]Cum sa faci un Home page.
« Reply #1 on: 19 July 2014, 18:30:04 »
Nu este rau pentru un incepator .
Logged


" The world is going to judge you no matter what yo do , so live your life the f*cking way you want to " 

Offline IstuntmanI

  • GZS Owner
  • Administrator
  • Cyborg
  • *
  • Posts: 15119
  • Reputation: 80
  • Gender: Male
  • Real Name: NcF http://fb.me/cnistor96
  • Steam ID: istuntmani
Re: [HTML/CSS]Cum sa faci un Home page.
« Reply #2 on: 19 July 2014, 18:31:36 »
Imi place chestia aia cu "Kell Dope". :))
Logged

Offline .shadoW

  • Berea fără alcool e ca și femeia fără țâțe.
  • Legend
  • High-Roller
  • *
  • Posts: 3449
  • Reputation: 12
  • Gender: Male
  • F O R D F O C U S
  • Real Name: S E B I
  • Steam ID: sh4d00W
Re: [HTML/CSS]Cum sa faci un Home page.
« Reply #3 on: 19 July 2014, 18:39:36 »
Felicitari :D. :-bd
Logged


Offline fatman

  • Spam Machine
  • *
  • Posts: 1046
  • Reputation: 0
Re: [HTML/CSS]Cum sa faci un Home page.
« Reply #4 on: 19 July 2014, 22:40:52 »
Tribunale :-ss , :)) Gud jab
Logged

Offline ×X×_vasya_×X×

  • Legend
  • Cyborg
  • *
  • Posts: 10472
  • Reputation: 1
  • Gender: Male
  • Real Name: vasya
Re: [HTML/CSS]Cum sa faci un Home page.
« Reply #5 on: 19 July 2014, 22:57:44 »
E foarte bine pentru un incepator , bravo :D
Logged


"Nu e obligatoriu să fii de acord cu mine. Dar ar fi mai rapid aşa."



Offline ReePs

  • Newbie
  • *
  • Posts: 9
  • Reputation: 0
  • Gender: Male
Re: [HTML/CSS]Cum sa faci un Home page.
« Reply #6 on: 20 July 2014, 10:54:37 »
Multumesc Frumos :D
Logged

Offline Badboy.UndeadArmy™

  • Skilled Gaming Legend
  • Legend
  • God
  • *
  • Posts: 9060
  • Reputation: 17
  • Gender: Male
  • Legends Never Die
  • Real Name: S.B.SZ.
  • Steam ID: badboyundeadarmy
Re: [HTML/CSS]Cum sa faci un Home page.
« Reply #7 on: 20 July 2014, 11:01:40 »
Bine lucrat,frumos tutorial!
Logged



Follow me on:
FaceBook
Instagram


Ai nevoie de ajutor? Trimite-mi un PM !
Do you need help? Send me a PM !

Offline [SG]P1xuletz.xD

  • A D D I C T E D.
  • Legend
  • God
  • *
  • Posts: 7254
  • Reputation: 0
  • Gender: Male
  • Todos los Torros.
Re: [HTML/CSS]Cum sa faci un Home page.
« Reply #8 on: 20 July 2014, 17:45:09 »
E bun pentru un incepator ! bravo :D
Logged




Pages: [1]   Go Up
« previous next »
 
Cookies help us provide you a better browsing experience. By using our site, you consent to the use of cookies by us.
SimplePortal 2.3.7 © 2008-2024, SimplePortal