Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Intrerupator cu N - doza doar cu ...

Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata

Suprataxa card energie?!
 Cum era nivelul de trai cam din a...

probleme cu ochelarii

Impozite pe proprietati de anul v...

teava rezistenta panou apa calda
 Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...

Rezultat RMN

Numar circuite IPAT si prindere t...
 Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor

Discuții despre TVR Sport HD.

Cost abonament clinica privata
 

O parere

- - - - -
  • Please log in to reply
3 replies to this topic

#1
javamamboo

javamamboo

    Junior Member

  • Grup: Members
  • Posts: 110
  • Înscris: 26.06.2009
:rolleyes: Cum spunea si Isaac Asimov ?Self-education is, I firmly believe, the only kind of education there is.? Pornind de la acest citat am hotarat sa ma apuc de invatat aceste limbaje de marcare urmand ca apoi sa ma ocup si de limbajele de programare. Am folosit google-ul, asa am "facut cunostinta" cu w3schools. Am parcurs tutorialele de html/xhtml/css/js/tcp/ip. Bun, am reusit sa fac un site cu tabele, apoi am descoperit div-urile(vreau sa refac acel site folosind div-urile-insa nu ma prea descurc.). Ce vreau sa va intreb, cum trebuie sa procedez in continuare? Sunt tutoriale pe care le-am citit si nici nu am mentionat nimic de div-uri, etc. M-am speriat la un moment dat. Stiu ca nu pot acumula totul dintr-un tutorial, dar ideea e in mare. Ce trebuie sa fac in continuare ca sa stapanesc cu adevarat aceste limbaje de marcare?
Ps:Va rog daca puteti totodata sa ma indreptati si catre un tutorial css referitor la butoane. Stiu cum se realizeaza un meniu insa am probleme cu hoverul. Mai exact nu stiu cum pot face ca odata selectat butonul, hoverul sa nu dispara, sa ramana activ, astfel, vizitatorul stie exact pe ce pagina este. Multumesc si va rog sa nu va enervati. E greu de unul singur sa pornesti, si chiar mi-ar prinde bine cateva idei de la cei care au mai multa experienta ca mine.

Edited by javamamboo, 26 June 2009 - 16:24.


#2
Paullik

Paullik

    Active Member

  • Grup: Members
  • Posts: 1,760
  • Înscris: 05.07.2008

View Postjavamamboo, on 26th June 2009, 17:23, said:

:rolleyes: Cum spunea si Isaac Asimov ?Self-education is, I firmly believe, the only kind of education there is.? Pornind de la acest citat am hotarat sa ma apuc de invatat aceste limbaje de marcare urmand ca apoi sa ma ocup si de limbajele de programare. Am folosit google-ul, asa am "facut cunostinta" cu w3schools. Am parcurs tutorialele de html/xhtml/css/js/tcp/ip. Bun, am reusit sa fac un site cu tabele, apoi am descoperit div-urile(vreau sa refac acel site folosind div-urile-insa nu ma prea descurc.). Ce vreau sa va intreb, cum trebuie sa procedez in continuare? Sunt tutoriale pe care le-am citit si nici nu am mentionat nimic de div-uri, etc. M-am speriat la un moment dat. Stiu ca nu pot acumula totul dintr-un tutorial, dar ideea e in mare. Ce trebuie sa fac in continuare ca sa stapanesc cu adevarat aceste limbaje de marcare?
Ps:Va rog daca puteti totodata sa ma indreptati si catre un tutorial css referitor la butoane. Stiu cum se realizeaza un meniu insa am probleme cu hoverul. Mai exact nu stiu cum pot face ca odata selectat butonul, hoverul sa nu dispara, sa ramana activ, astfel, vizitatorul stie exact pe ce pagina este. Multumesc si va rog sa nu va enervati. E greu de unul singur sa pornesti, si chiar mi-ar prinde bine cateva idei de la cei care au mai multa experienta ca mine.
Ca sa intelegi cum faci cu hoverul citeste despre "css selectors" si apoi citeste asta:
<html>
<head>
<style type="text/css">
	a:link  {text-decoration:none;
		   color:blue}
		a:visited {text-decoration:none;
		   color:gray}	
		a:hover {text-decoration:underline;
		   color:red;
	   crosshair:pointer}
</style>
	   <title>Exemplu</title>
</head>
		<body>
			<a href="http://exemplu.com">Home</a>
		</body>
</html>
Dupa ce ai citit despre selectori css vei vedea ca daca ti mouse-ul pe link-ul "home" va fi subliniat si rosu, daca nu, va si colorat in albastru, si cel vizitat va fi gri!
Daca vrei sa sti pe ce pagina esti faci o clasa de gen:
a.current {color: white}
si apoi in fisierele html pui ce-i mai sus in <head>(vezi primul exemplu) si cand ai un buton pui in felul urmator:
<a href="http://exemplu.com/home.html" class="current">Home</a>
si la fiecare pagina pui la ea clasa "current"!
Deci in "home.html" vei avea cum e mai sus, iar in "contact.html" vei avea:
<a href="http://exemplu.com/contact.html" class="current">Contact</a>
Sper ca ai inteles!

Edited by Paullik, 26 June 2009 - 17:26.


#3
javamamboo

javamamboo

    Junior Member

  • Grup: Members
  • Posts: 110
  • Înscris: 26.06.2009
Multumesc de ajutor, o sa mai citesc in seara asta. Am gasit un template care are hover si v-as ruga sa-mi clarificati putin mintea.
Css-ul e cam asa
body {
	color:#02243d;
	behavior: url(csshover.htc);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/main_bgr.jpg);
	background-color:#FFCC80;
	background-repeat: repeat;
	background-position: top left;
	margin: 0px;
	padding: 0px;
}

td { vertical-align:top; }

a:link, a:visited { color: #e85905; text-decoration:none } 
a:active, a:hover { color: #e85905; text-decoration:underline }

h1, h2, p { margin: 0.6em 0em 0.6em 0em }

h4 { font-size:14em; color:#e85905; }

#copyright { clear: both; font-size:0.6em; color: #002f2f; margin: 0px;
padding: 0px; padding-bottom: 3px; padding-left: 720px; padding-top: 5px; font-weight: normal;}

p.p_references { margin-top:15px; }

p.p_15 { margin-top:15px; }

p.p_10 { margin-top:10px; }

p.p_5 { margin-top:5px; }

p.p_3 { margin-top:3px; }

.author {
	text-transform:none; font-size:12px; font-weight:normal; font-style:italic;
}

ul.standard { margin:5px 0px 5px 5px; padding: 5px 0px 0px 5px; list-style-type:none;}
ul.standard li { background: url(../img/darkdot.gif ) no-repeat 0px 4px; padding: 0px 0px 0px 12px; }

img { border:none; }

div.scroll {
	padding-right:10px; 
	float:left; 
	width:550px;
	height:280px; 
	overflow:auto; 
	border: none;
}

h1 {
	color:#BF0B34;
	font-size:12pt;
	font-weight:bold;
	line-height:105%;
}

h2 {
	color:#BF0B34;
	font-size:1.1em;
	font-weight:bold;
	line-height:105%;
}

h3 {
	color:#BF0B34;
	font-size:1.0em;
	font-weight:bold;
	line-height:105%;
}


#lefttext {
		color: #416C98;
		font-size:1.1em;
		font-weight:normal;
		line-height:105%;
}
#singlebold { color: #416C98; font-weight:bold; }

#wrap {
	margin: auto; 
	width:968px;
	border:1px solid #002f2f;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 10px;
}

#header {
	margin: auto;
	width:928px;
	height:78px; /* one of the places to change overall height: header section */
	border:1px solid #8e9da8;
	margin-top:20px;
}

#logo {
	height:78px; /* one of the places to change overall height: header section */
	float:left;
}

#header a img {
	border:none;
}
#menucontainer {
	width:930px;
	background-color:#02243d;
	margin: auto;
}

#menu {
	width: 100%;
	float: left;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:133px;
	float:left;
}
#menu a, #menu h2 {
	font-size: 0.8em;
	display: block;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #455e70 #8e9da8 #476f85 #15344b;
	margin: 0px;
	padding: 2px 3px;
}

#menu h2 {
	color: #fff;
	background: #02243d;
	text-transform: uppercase;
	
}
#menu h2:hover {
	border-color:#e25e3e;
	background-color:#BF0B34;
}

#menu a {
	color: #FFFFFF;
	background: #02243d;  /* #016734 */
	text-decoration: none;
	/* text-transform: uppercase; */
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color:#d7f5c9 #d7f5c9 #d7f5c9 #d7f5c9;
	border-top:none;
}

#menu a.firstpage {
	color: #ffffff;
	background: #02243d; /* #006633 */
	text-decoration: none;
	/* text-transform: uppercase; */
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #455e70 #8e9da8 #476f85 #15344b;
}

#menu a.firstpage_current {
	background-color: #BF0B34;
	/* The following is really bizarre. Once we set #e25e3e for border-bottom, IE7 positions the flyout 
	for the submenu items below the next menu items to the right. This doesn't happen with other colors, like #e25e3f */
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #e25e3e #8e9da8 #e25e3f #ffff00;
}

#menu a:hover, #menu a.firstpage:hover {
	color: #FFFFFF;
	background:#BF0B34;
	border-bottom: solid 1px #BF0B34;
}

#menu li {position: relative;}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
#menu ul ul {
	position: absolute;
	z-index: 500;
}
div#menu ul ul {
	display: none;
}
div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#content {
	position:relative;
	width:928px;
	height:465px;  /* one of the places to change overall height: lower section */
	border-bottom:6px solid #02243d;  /* #006633 */
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	border-top:none;
	margin: auto;
}

#lside1 {
	width:251px;
	height:465px; /* one of the places to change overall height: lower section  */ 
	background-image:url(../img/back-col-stanga.jpg);
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	float:left;
	font-size:0.7em;
}

#lside2 {
	width:251px;
	height:465px; /* one of the places to change overall height: lower section  */
	background-image:url(../img/chip-online-1.jpg);
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	float:left;
	font-size:0.7em;
}

#lside3 {
	width:251px;
	height:465px; /* one of the places to change overall height: lower section  */
	background-image:url(../img/chip-1.jpg);
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	float:left;
	font-size:0.7em;
}

#lside4 {
	width:251px;
	height:465px; /* one of the places to change overall height: lower section  */
	background-image:url(../img/level-1.jpg);
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	float:left;
	font-size:0.7em;
}

#lside5 {
	width:251px;
	height:465px; /* one of the places to change overall height: lower section  */
	background-image:url(../img/level-online-1.jpg);
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	float:left;
	font-size:0.7em;
}

#lside6 {
	width:251px;
	height:465px; /* one of the places to change overall height: lower section  */
	background-image:url(../img/chip-foto.jpg);
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	float:left;
	font-size:0.7em;
}

#lside7 {
	width:251px;
	height:465px; /* one of the places to change overall height: lower section  */
	background-image:url(../img/pc-practic.jpg);
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	float:left;
	font-size:0.7em;
}

#lside8 {
	width:251px;
	height:465px; /* one of the places to change overall height: lower section  */
	background-image:url(../img/chip-special.jpg);
	border-right:1px solid #8e9da8;
	border-left:1px solid #8e9da8;
	float:left;
	font-size:0.7em;
}

#lside_inner_box {
	width:192px;
	/*height:132px;*/
	padding:20px 10px 20px 10px;
}

.saying {
	padding-top:315px;
	font-size:9px;
	font-weight:bold;
	color:#02243d;
}

.book_description {
	text-align:center;
}

#lsidei {
	width:251px;
	height:175px;
	
}
.lsideb {
	height:88px;
	float:left;
}

.booktext {
	font-weight:normal;
	text-align:center;
}

#container {
	width:658px;
	height:464px; /* one of the places to change overall height: lower section */
	border-bottom:0px solid #9facb5;
	float:left;
}
#text {
	height:465px;
	width:640px; 
	padding-left:20px;  
	padding-right:10px;
	font-size:0.7em;
	overflow:auto;
	font-weight:normal;
	line-height:120%;
	clear:both;
}
#textleft {
	width:300px; /* 414 */
	/* padding-right:10px;
	 overflow:auto; */
	font-weight:normal;
	line-height:110%;
	float:left;
	text-align:left;
	color: #888888;
}
#textright {
	width:300px; /* 414 */
	/* padding-right:10px;	
	 overflow:auto; */
	font-weight:normal;
	line-height:110%;
	float:right;
	text-align:left;
	color: #888888;
}

b, strong { color:#6D97C0; }

hr { border:none; border-bottom: solid 1px #cccccc; height:0px; }

td.tableRow {
		background-color: #EBF1F3;
		line-height: 18px;
}

td.tableSec {
		line-height: 18px;
}

td.tableHeader {
		background-color: #336699;
		color: #FFFFFF;
		line-height: 18px;
		padding: 3px;
}


Si doua butoane in html:
<ul style="width:130px"><!-- menu item 1 start -->
<li><a class="firstpage_current" href="index.htm">Index</a></li>
</ul><!-- menu item 1 end -->

<ul style="width:123px;"><!-- menu item 2 start -->
<li><a class="firstpage" href="test.htm">Test</a></li>
</ul><!-- menu item 2 end -->

Stiti ce nu imi e clar aici? Firstpage_current face ca indexul sa fie selectat. Dar spre exemplu daca ma duc la Test? Cum de imi ramane hoverul salvat pe test?(cum de ramane butonul rosu mai exact) se salveaza ceva sau cum?

Edited by javamamboo, 26 June 2009 - 17:56.


#4
Paullik

Paullik

    Active Member

  • Grup: Members
  • Posts: 1,760
  • Înscris: 05.07.2008

View Postjavamamboo, on 26th June 2009, 18:54, said:

Si doua butoane in html:
<ul style="width:130px"><!-- menu item 1 start -->
<li><a class="firstpage_current" href="index.htm">Index</a></li>
</ul><!-- menu item 1 end -->

<ul style="width:123px;"><!-- menu item 2 start -->
<li><a class="firstpage" href="test.htm">Test</a></li>
</ul><!-- menu item 2 end -->

Stiti ce nu imi e clar aici? Firstpage_current face ca indexul sa fie selectat. Dar spre exemplu daca ma duc la Test? Cum de imi ramane hoverul salvat pe test?(cum de ramane butonul rosu mai exact) se salveaza ceva sau cum?
Pot sa vad si fisierul index.htm si test.htm?

Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate