χρωμα σε λινκ

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

χρωμα σε λινκ

Δημοσίευση από cyberfreak » 05 Νοέμ 2009 14:19

εχω για ολη τη σελιδα αυτο

Κώδικας: Επιλογή όλων

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
πως μπορω αν θελω σε ενα αλλο λινκ εξτρα χρωμα δηλαδη να ειναι κοκκινο και οχι ασπρο οπως εχω δηλωση στην αρχη

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

χρωμα σε λινκ

Δημοσίευση από Basilakis » 05 Νοέμ 2009 14:33

ΔΗμιουργείς μια δεύτερη class

Κώδικας: Επιλογή όλων

.Footer-text a:link
{
  text-decoration: none;
  color: #F45523;	font-family:  Georgia,"Times New Roman",Times,serif;
  text-decoration: underline;
}

.Footer-text a:visited
{
  text-decoration: none;
  color: #F45523;	font-family:  Georgia,"Times New Roman",Times,serif;
  text-decoration: underline;
}

.Footer-text a:hover
{
  text-decoration: none;
  color: #F45523;	font-family:  Georgia,"Times New Roman",Times,serif;
  text-decoration: none;
}

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

χρωμα σε λινκ

Δημοσίευση από cyberfreak » 05 Νοέμ 2009 14:44

thanks φιλε..ασε εχω και πολλες ακομα αποριες θα γεμισω με topic τ fs :D

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

χρωμα σε λινκ

Δημοσίευση από Basilakis » 05 Νοέμ 2009 14:51

Εγώ αύριο θα δώσω raporto στο ΙΕΚ ΔΕΛΤΑ για το τι παίζει στα forum του freestuff.gr και στις ερωτήσεις πρωτοετών! :D

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

χρωμα σε λινκ

Δημοσίευση από cyberfreak » 05 Νοέμ 2009 14:57

κοιτα στα ιεκ εχω κανει τεχνικοσ δικτυων και τεχνικος τεχνολογιας ιντερνετ αρα δυσκολα να ειμαι στο πρωτο ετος :P απλα πηγα 5 εξαμηνο κατι σαν μεταπτυχιακο οπου θα κανουμε css php ajax xml και κατι ακομα νομιζω,,εγω οταν ημουν στη σχολη καναμε tables kai asp αρα λλογικω να εχω πολλες αποριες :P :P :P

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

χρωμα σε λινκ

Δημοσίευση από Basilakis » 05 Νοέμ 2009 15:22

ΕΝτάξυ σε συγχωρώ τότε! :D:D:D

Ρώτα ότι θέλεις, εδώ είμαστε άλλωστε για όλα :)

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

χρωμα σε λινκ

Δημοσίευση από cyberfreak » 05 Νοέμ 2009 15:27

ε να μην σου χαλασω χατιρι θα ρωτησω

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1253" />
<title>Facebook | Αρχική Σελίδα</title>

<link href="index.css" rel="stylesheet" type="text/css" />
<body>
	<div id="topline">
		<div id="header">
        	<div id="logo"><img src="images/logo.jpg"/>            </div>
            	
				<ul class="menuitems">
					<li><a href="#">Home</a></li>
					<li><a href="#">Profile</a></li>
					<li><a href="#">Friends</a>
					<ul class="submenuitems">
					<li><a href="#">Recently Added</a></li>
					<li><a href="#">All fiends</a></li>
                    <li class="line"><hr size="1" width="170" align="left" ></li>
					<li><a href="#">Invite Friends</a></li>
					<li><a href="#">Find Friends</a></li>
					</ul>
					</li>
					<li><a href="#">Inbox</a>
					<ul class="submenuitems">
					<li><a href="#">View message Inbox</a></li>
					<li><a href="#">Compose new message</a></li>
					<li><a href="#">Search</a></li>
					</ul>
					</li>
				</ul>
				<div id="rightmenu">
				<div id="search">
							<form method="get" action="">
								<fieldset>
								<input type="text" name="s" id="search-text" size="15" />
								<input type="image" src="images/search.gif"  id="search-submit"/>
								</fieldset>
							</form>							
		</div>			
				<ul class="rightmenuitems">
					<li><a href="#">alexandros mavridis</a></li>
					<li><a href="#">settings</a>
						<ul class="rightsubmenuitems">
					<li><a href="#"><img src="images/1.gif" align="absmiddle" hspace="3"/>settings1</a></li>
					<li><a href="#"><img src="images/2.gif" align="absmiddle" hspace="3"/>settings2</a></li>
					<li><a href="#"><img src="images/3.gif" align="absmiddle" hspace="3"/>settings3</a></li>
					<li><a href="#"><img src="images/4.gif" align="absmiddle" hspace="3"/>settings4</a></li>
						</ul>
					</li>
					<li><a href="#">logout</a></li>
				</ul>
                
                </div>
            	</div>
			
	</div>
 	<div id="maincontainer">
    			<div id="news_feed">
                	<ul>
                    <li></li>
                    <li><img src="images/notes.png" hspace="5" />Last News</li>
                    <li><img src="images/pics.png" hspace="5"/>Pictures</li>
                    <li><img src="images/links.gif" hspace="5"/><a href="#">Links</a></li>
                    <li><img src="images/links.gif" hspace="5"/>Groups</li>                
                    </ul>
                </div>
                <div id="wall">
						<ul>
							<li><img src="images/running.png" />Σε εξέλιξη..<a href="#">Εμφάνιση τελευταίων νέων</a></li>
							<li><input type="text" name="textfield"  size="70"/></li>
							<li><img src="images/walltalk.png" />Ο Lefteris Ioannou έγινε μέλος της ομάδας Super3 dramas club.</li>
							<li><img src="images/walltalk.png" />Ο Lefteris Ioannou έγινε μέλος της ομάδας Super3 dramas club.</li>
							<li><img src="images/walltalk.png" />Ο Lefteris Ioannou έγινε μέλος της ομάδας Super3 dramas club.</li>
							<li><img src="images/walltalk.png" />Ο Lefteris Ioannou έγινε μέλος της ομάδας Super3 dramas club.</li>
							<li><img src="images/walltalk.png" />Ο Lefteris Ioannou έγινε μέλος της ομάδας Super3 dramas club.</li>
							<li><img src="images/walltalk.png" />Ο Lefteris Ioannou έγινε μέλος της ομάδας Super3 dramas club.</li>
							<li><img src="images/walltalk.png" />Ο Lefteris Ioannou έγινε μέλος της ομάδας Super3 dramas club.</li>
						</ul>
				</div>
                <div id="events">
					<ul> Αιτηματα
						<li><img src="images/friendrequest.png" align="absmiddle" hspace="5" /><a href="#">friend request</a></li>
						<li><img src="images/group.png" align="absmiddle" hspace="5" /><a href="#">invite</a></li>
						<li><img src="images/group.png" align="absmiddle" hspace="5"/><a href="#">invite</a></li>	
						<li><img src="images/group.png" align="absmiddle"  hspace="5" /><a href="#">invite</a></li>					
					</ul>
					<ul> Προτάσεις
						<li>Προτάσεις</li>	
						<li>Προτάσεις</li>
						<li>Προτάσεις</li>						
					</ul>
					<ul> Διαφήμιση
						<li><img src="images/ads.png" align="absmiddle"  hspace="5"/></li>						
					</ul>
					<ul> Εκδηλώσεις
						<li><img src="images/date.png" align="absmiddle" hspace="5"/>party!!</li></li>
						<li><img src="images/date.png" align="absmiddle" hspace="5"/>party!!</li></li>
					</ul>
					<ul> Σκουντήγματα
						<li><img src="images/skountigma.png" align="absmiddle" hspace="5"/>Σκουντήγματα</li>
						<li><img src="images/skountigma.png" align="absmiddle" hspace="5"/>Σκουντήγματα</li>
						<li><img src="images/skountigma.png" align="absmiddle"  hspace="5"/>Σκουντήγματα</li>
					</ul>
					<ul> Συνδεθείτε με Φίλους
						<li><img src="images/invitefriends.png" align="absmiddle" hspace="5"/>Invite more friends</li>
					</ul>



				</div>
    </div>				

	
</body>
</html>

Κώδικας: Επιλογή όλων

@charset "utf-8";
/* CSS Document */
body&#123;margin&#58;0px;&#125;
img &#123;border&#58;0px;&#125;
a&#58;link &#123;
	color&#58; #FFFFFF;
&#125;
a&#58;visited &#123;
	color&#58; #FFFFFF;
&#125;
a&#58;hover &#123;
	color&#58; #FFFFFF;
&#125;
a&#58;active &#123;
	color&#58; #FFFFFF;
&#125;

#topline&#123;
	position&#58;absolute;
	top&#58;0px;
	left&#58;0px;
	height&#58;35px;
	background-color&#58;#3b5998;
	width&#58;100%;
&#125;
#header&#123;
	width&#58;980px;
	margin&#58;0 auto;
	height&#58;35px;
	background-color&#58;#3b5998;
&#125;
#logo&#123;
	margin&#58;0px;
	background-repeat&#58;no-repeat;
	background-position&#58;left;
	float&#58;left;
	overflow&#58;hidden;
	width&#58;120px;
	height&#58;34px;
&#125;
#logo&#58;hover&#123;
	background-image&#58;url&#40;images/home.jpg&#41;;
	background-repeat&#58;no-repeat;
	background-position&#58;right;
	cursor&#58;pointer;
&#125;
.menuitems &#123;
	/*border&#58;solid 1px #FF0000;*/
	list-style&#58;none;
	padding&#58;0px;
	margin&#58;7px;
	float&#58;left;
&#125;
.menuitems li&#123;
	float&#58;left;
	padding&#58;5px;
	width&#58;70px;
&#125;
.menuitems a&#123;
	text-decoration&#58;none;
	font-size&#58;13px;
	font-family&#58;Tahoma;
	font-weight&#58;bold;
	padding&#58;5px;
&#125;
.menuitems a&#58;hover &#123;
	background-color&#58;#5c75aa;
	color&#58;#fff;
&#125;
.menuitems li&#58;hover ul &#123;
	display&#58;block;
	padding-bottom&#58;150px;
&#125;
.submenuitems&#123;
	background-color&#58;#FFFFFF;
	border&#58;solid 1px #c0c0c0;
	padding&#58;0px;
	margin-top&#58;5px;
	list-style&#58;none;
	display&#58;none;
	width&#58;170px;
&#125;
.submenuitems li&#123;
	padding-top&#58;5px;
	margin&#58;0px;
	width&#58;170px;
	list-style&#58;none;
&#125;
.submenuitems li a&#123;
	float&#58;left;
	padding&#58;3px;
	margin&#58;0px;
	width&#58;150px;
	list-style&#58;none;
	color&#58;#3b5998;
&#125;


#rightmenu&#123;
	/*border&#58;solid 1px #FF0000;*/
	width&#58;500px;
	float&#58;right;

&#125;

.rightmenuitems &#123;
	list-style&#58;none;
	padding&#58;0px;
	margin&#58;7px;
	float&#58;left;
&#125;
.rightmenuitems li&#123;
	float&#58;left;
	padding&#58;5px;
	margin&#58;0px;
&#125;
.rightmenuitems li ul &#123;
	/*display&#58;block;*/
	padding&#58;0px;
	margin-top&#58;5px;
	background-color&#58;#FFFFFF;
	float&#58;left;
	position&#58;absolute;
&#125;
.rightmenuitems a&#123;
	text-decoration&#58;none;
	font-size&#58;13px;
	font-family&#58;Tahoma;	padding&#58;5px;
&#125;
.rightmenuitems a&#58;hover &#123;
	background-color&#58;#5c75aa;
	color&#58;#fff;
&#125;
.rightmenuitems li&#58;hover ul &#123;
	display&#58;block;
	padding-top&#58;10px;
	padding-bottom&#58;100px;
	margin-top&#58;5px;
	height&#58;100px;
&#125;
.rightsubmenuitems&#123;
	border&#58;solid 1px #c0c0c0;
	padding&#58;0px;
	margin-top&#58;5px;
	list-style&#58;none;
	display&#58;none;
	width&#58;170px;
&#125;
.rightsubmenuitems li&#123;
	padding-top&#58;5px;
	margin&#58;0px;
	width&#58;150px;
	list-style&#58;none;
&#125;
.rightsubmenuitems li a&#123;
	float&#58;left;
	padding&#58;3px;
	margin&#58;0px;
	width&#58;150px;
	list-style&#58;none;
	color&#58;#3b5998;

&#125;

.line&#123;
	color&#58;#CCCCCC;
	
&#125;

#search &#123;
		height&#58; 44px;
		float&#58;right;
&#125;
#search form&#123;
	margin&#58;0px;
	padding&#58;0px;
&#125;

#search form &#123;
	float&#58; right;
	margin&#58; 0;
	padding&#58;10px 0 0 0;
&#125;

#search fieldset &#123;
	margin&#58; 0;
	padding&#58; 0;
	border&#58; none;
	float&#58;right;
&#125;

#search input &#123;
	float&#58; left;
	padding&#58; 0;
	height&#58; 20px;
	font&#58; 12px Arial, Helvetica, sans-serif;
	border&#58; none;
&#125;

#search-text &#123;
	width&#58; 100px;
	height&#58; 14px;
	margin&#58; 0px 6px 0px 0px;
	padding&#58; 3px 0 0 5px;
	color&#58; #658453;
&#125;

#search-submit &#123;
	padding&#58; 0px;
	margin&#58; 0px;
	height&#58; 21px;
	margin-left&#58; 4px;
	color&#58; #39561D;
&#125;

#maincontainer&#123;
	width&#58;980px;
	margin&#58;0 auto;
	height&#58;500px;
	padding-top&#58;35px;
&#125;

#news_feed&#123;
	float&#58;left;
	width&#58;130px;
	margin&#58;5px;
	height&#58;250px;
&#125;

#news_feed ul &#123;
	float&#58;left;
	margin&#58;0px;
	padding&#58;0px;
	width&#58;100%;

&#125;
#news_feed ul li&#123;
	list-style&#58;none;
	font&#58;Arial, Helvetica, sans-serif;
	background&#58;#FFFFFF;
	padding&#58;0px;
	margin&#58;0px;
	border-bottom&#58;inset 1px;
	border-color&#58;#000000;
	padding-top&#58;5px;	
&#125;

#news_feed ul li&#58;hover&#123;
	background-color&#58;#DFEAFD;
&#125;
#news_feed ul li a&#123;
	font&#58;Arial, Helvetica, sans-serif;
	text-decoration&#58;none;
&#125;

#news_feed a&#58;link&#123;
  text-decoration&#58; none;
  color&#58;#000000;
  font-family&#58;  Georgia,"Times New Roman",Times,serif;

&#125;

#news_feed a&#58;visited
&#123;
  text-decoration&#58; none;
  color&#58;#000000;
  font-family&#58;  Georgia,"Times New Roman",Times,serif;
&#125;

#news_feed a&#58;hover
&#123;
  text-decoration&#58; none;
  color&#58;#000000;
  font-family&#58;  Georgia,"Times New Roman",Times,serif;
  text-decoration&#58;none;
&#125; 

#wall&#123;
	float&#58;left;
	width&#58;530px;
	height&#58;350px;
	margin&#58;5px;
&#125;
#wall ul&#123;
	list-style&#58;none;
		padding&#58;5px;
	margin&#58;5px;

&#125;
#wall ul li&#123;
	padding&#58;5px;
	margin&#58;5px;	
	border-bottom&#58;inset #c9c9c9 1px;
&#125;
#events&#123;
	float&#58;left;
	width&#58;250px;
	background-color&#58;#FFFFFF;
	margin&#58;5px;
&#125;

#events ul&#123;
	float&#58;left;
	margin&#58;5px;
	padding&#58;5px;
	width&#58;100%;
	font-weight&#58;bold;
&#125;

#events ul li&#123;
	list-style&#58;none;
	font&#58;Arial, Helvetica, sans-serif;
	background&#58;#FFFFFF;
	padding&#58;0px;
	margin&#58;0px;
	padding-top&#58;5px;	
&#125;
#events ul li&#58;hover&#123;
		background-color&#58;#DFEAFD;
&#125;
#events ul li a&#123;
	font&#58;Arial, Helvetica, sans-serif;
    text-decoration&#58; none;

&#125;
#events a&#58;link&#123;
  text-decoration&#58; none;
  color&#58; #3b5998;
  font-family&#58;  Georgia,"Times New Roman",Times,serif;

&#125;

#events a&#58;visited
&#123;
  text-decoration&#58; none;
  color&#58; #3b5998;   font-family&#58;  Georgia,"Times New Roman",Times,serif;
&#125;

#events a&#58;hover
&#123;
  text-decoration&#58; none;
  color&#58; #3b5998;
  font-family&#58;  Georgia,"Times New Roman",Times,serif;
  text-decoration&#58; underline;
&#125; 


/* CSS Document */

το δεξι μενου διπλα στο search μου εμφανιζεται ποιο κατω σε αναλυση 1280 ενω σε 1440 που δουλευω στο ιεκ δουλευει κανονικα κανω αλλαγες σε κατι width αλλα δεν βγαινει ακρη :oops:

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης