Go to site

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

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

Απάντηση
katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

Go to site

Δημοσίευση από katerina28 » 07 Απρ 2010 14:57

Αυτά τα παραθυράκια με ποιο script είναι φτιαγμένα?
h**p://www.t-c.gr/Projects/p/1/t/e-shop

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Go to site

Δημοσίευση από fafos » 07 Απρ 2010 15:40

pure jquery kai css:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript">
$&#40;function&#40;&#41; &#123;
    $&#40;".mainblock"&#41;.hover&#40;function&#40;&#41; &#123;

    $&#40;this&#41;.find&#40;".slideimage"&#41;.stop&#40;&#41;.animate&#40;&#123; top&#58; -160 &#125;, 500&#41;;
    &#125;, function&#40;&#41; &#123;
    $&#40;this&#41;.find&#40;".slideimage"&#41;.stop&#40;&#41;.animate&#40;&#123; top&#58; 0 &#125;, 500&#41;;
    &#125;&#41;;
&#125;&#41;;

</script>
<style type="text/css">
<!--
BODY&#123;
  font-size &#58; 11px;
  font-family &#58; Verdana;
  font-weight &#58; normal;
&#125;
div.mainblock &#123;
	width&#58; 220px;
	height&#58; 139px;
	position&#58; relative;
	float&#58; left;
	margin-right&#58; 25px;
	overflow&#58; hidden;
&#125;

div.mainblock .textblock &#123;
	position&#58; absolute;
	z-index&#58; 0;
	width&#58; 325px;
	height&#58; 325px;
&#125;

div.mainblock div.slideimage &#123;
	position&#58; absolute;
	z-index&#58; 1;
&#125;
-->
</style>
</head>
<body>

<!--arxh kyriou div-->
<div class="mainblock">
<!--arxh div me keimeno-->

			<div class="textblock">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi massa ipsum, ultrices quis pulvinar nec, vehicula non odio. Aliquam erat volutpat. Aliquam erat volutpat. Integer viverra lorem at urna faucibus venenatis et sed tortor Donec est ipsum, auctor eu tempus eget, aliquet non est. Aliquam erat volutpat..

            </div>
<!-- telos div me keimeno-->
			

<!-- arxh  div me image-->
			<div class="slideimage">
				<img src="images/image.jpg"  style="height&#58;139px;width&#58;220px;border-width&#58;0px;" />

			</div>

<!-- telos  div me image-->

			
		</div>
<!--telos kyriou div-->
</body>
</html>

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

Go to site

Δημοσίευση από katerina28 » 07 Απρ 2010 16:44

Ευχαριστώ fafos αλλά μαύρο backround πίσω και κάτω με το button link στο site πως γίνεται?

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Go to site

Δημοσίευση από fafos » 07 Απρ 2010 19:04

katerina28 έγραψε:Ευχαριστώ fafos αλλά μαύρο backround πίσω και κάτω με το button link στο site πως γίνεται?
auto einai ena aplo url me style (css).. den exei na kanei me ajax klp..

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

Go to site

Δημοσίευση από katerina28 » 07 Απρ 2010 19:09

fafos έγραψε:
katerina28 έγραψε:Ευχαριστώ fafos αλλά μαύρο backround πίσω και κάτω με το button link στο site πως γίνεται?
auto einai ena aplo url me style (css).. den exei na kanei me ajax klp..
Που σιμένει?

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Go to site

Δημοσίευση από fafos » 07 Απρ 2010 19:27

vazeis to block pou egrapsa parapano se ena div:

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

<div class="block">

<!--arxh kyriou div-->
<div class="mainblock">
<!--arxh div me keimeno-->

         <div class="textblock">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi massa ipsum, ultrices quis pulvinar nec, vehicula non odio. Aliquam erat volutpat. Aliquam erat volutpat. Integer viverra lorem at urna faucibus venenatis et sed tortor Donec est ipsum, auctor eu tempus eget, aliquet non est. Aliquam erat volutpat..

            </div>
<!-- telos div me keimeno-->
         

<!-- arxh  div me image-->
         <div class="slideimage">
            <img src="images/image.jpg"  style="height&#58;139px;width&#58;220px;border-width&#58;0px;" />

         </div>

<!-- telos  div me image-->

         
      </div>
<!--telos kyriou div--> 


</div>


prin to telos tou div (</div>) vazeis to url:

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

<div class="block">

<!--arxh kyriou div-->
<div class="mainblock">
<!--arxh div me keimeno-->

         <div class="textblock">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi massa ipsum, ultrices quis pulvinar nec, vehicula non odio. Aliquam erat volutpat. Aliquam erat volutpat. Integer viverra lorem at urna faucibus venenatis et sed tortor Donec est ipsum, auctor eu tempus eget, aliquet non est. Aliquam erat volutpat..

            </div>
<!-- telos div me keimeno-->
         

<!-- arxh  div me image-->
         <div class="slideimage">
            <img src="images/image.jpg"  style="height&#58;139px;width&#58;220px;border-width&#58;0px;" />

         </div>

<!-- telos  div me image-->

         
      </div>
<!--telos kyriou div--> 



<a class="urlblock" href="http&#58;//www.stongamotoukoutroulh.gr/" target="_blank"><span>URL</span>http&#58;//www.stongamotoukoutroulh.gr/</a>



</div>

kai meta prostheteis kai to analogo style:

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

.urlblock span &#123;
	padding-right&#58; 5px;
&#125;


a.urlblock 
&#123;
	border-top&#58;1px solid white;
	background-image&#58;url&#40;kapoio_background.png&#41;;
	background-position&#58;center top;
	background-repeat&#58;no-repeat;
	color&#58;#EEEEEE;
	float&#58;left;
	font-size&#58;10px;
	padding-bottom&#58;4px;
	padding-left&#58;5px;
	padding-top&#58;4px;
	text-align&#58;left;
	text-decoration&#58;none;
	width&#58;215px;
	margin-top&#58;0px;
&#125;
a.urlblock&#58;hover &#123;
	color&#58; #eeeeee;
	background-position&#58; center bottom;
	text-decoration&#58;none;
&#125;
.block &#123;
	margin&#58; 10px;
	float&#58; left;
	height&#58; 160px;
	width&#58; 220px;
	background-color&#58;#323232;
&#125;

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

Go to site

Δημοσίευση από katerina28 » 07 Απρ 2010 19:38

fafos Εκπλήσσομαι με την ταχύτητα που βοηθάς το script master σου αρμόζει απόλυτα χίλια ευχαριστώ.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Go to site

Δημοσίευση από fafos » 07 Απρ 2010 19:40

katerina28 έγραψε:fafos Εκπλήσσομαι με την ταχύτητα που βοηθάς το script master σου αρμόζει απόλυτα χίλια ευχαριστώ.
nai.. exei ana krasi to krouazieroploio pou se tsitonei... :lol:

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

Go to site

Δημοσίευση από katerina28 » 07 Απρ 2010 19:49

fafos Κάνε σε παρακαλώ τον κόπο να τα βάλεις όλα μαζί σε μια σελίδα με δυσκολεύει η σύνδεση μεταξύ τους. + το css ευχαριστώ.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Go to site

Δημοσίευση από fafos » 07 Απρ 2010 19:52

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript">
$&#40;function&#40;&#41; &#123;
    $&#40;".mainblock"&#41;.hover&#40;function&#40;&#41; &#123;

    $&#40;this&#41;.find&#40;".slideimage"&#41;.stop&#40;&#41;.animate&#40;&#123; top&#58; -160 &#125;, 500&#41;;
    &#125;, function&#40;&#41; &#123;
    $&#40;this&#41;.find&#40;".slideimage"&#41;.stop&#40;&#41;.animate&#40;&#123; top&#58; 0 &#125;, 500&#41;;
    &#125;&#41;;
&#125;&#41;;

</script>
<style type="text/css">
<!--
BODY&#123;
  font-size &#58; 11px;
  font-family &#58; Verdana;
  font-weight &#58; normal;
&#125;
.urlblock span &#123;
   padding-right&#58; 5px;
&#125;


a.urlblock
&#123;
   border-top&#58;1px solid white;
   background-image&#58;url&#40;kapoio_background.png&#41;;
   background-position&#58;center top;
   background-repeat&#58;no-repeat;
   color&#58;#EEEEEE;
   float&#58;left;
   font-size&#58;10px;
   padding-bottom&#58;4px;
   padding-left&#58;5px;
   padding-top&#58;4px;
   text-align&#58;left;
   text-decoration&#58;none;
   width&#58;215px;
   margin-top&#58;0px;
&#125;
a.urlblock&#58;hover &#123;
   color&#58; #eeeeee;
   background-position&#58; center bottom;
   text-decoration&#58;none;
&#125;
.block &#123;
   margin&#58; 10px;
   float&#58; left;
   height&#58; 160px;
   width&#58; 220px;
   background-color&#58;#323232;
&#125; 
div.mainblock &#123;
   width&#58; 220px;
   height&#58; 139px;
   position&#58; relative;
   float&#58; left;
   margin-right&#58; 25px;
   overflow&#58; hidden;
&#125;

div.mainblock .textblock &#123;
   position&#58; absolute;
   z-index&#58; 0;
   width&#58; 325px;
   height&#58; 325px;
&#125;

div.mainblock div.slideimage &#123;
   position&#58; absolute;
   z-index&#58; 1;
&#125;
-->
</style>
</head>
<body>

<div class="block">

<!--arxh kyriou div-->
<div class="mainblock">
<!--arxh div me keimeno-->

         <div class="textblock">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi massa ipsum, ultrices quis pulvinar nec, vehicula non odio. Aliquam erat volutpat. Aliquam erat volutpat. Integer viverra lorem at urna faucibus venenatis et sed tortor Donec est ipsum, auctor eu tempus eget, aliquet non est. Aliquam erat volutpat..

            </div>
<!-- telos div me keimeno-->
         

<!-- arxh  div me image-->
         <div class="slideimage">
            <img src="images/image.jpg"  style="height&#58;139px;width&#58;220px;border-width&#58;0px;" />

         </div>

<!-- telos  div me image-->

         
      </div>
<!--telos kyriou div-->



<a class="urlblock" href="http&#58;//www.stongamotoukoutroulh.gr/" target="_blank"><span>URL</span>http&#58;//www.stongamotoukoutroulh.gr/</a>



</div> 
</body>
</html>

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

Go to site

Δημοσίευση από katerina28 » 07 Απρ 2010 19:58

Ευχαριστώ πάρα πολύ θα πω τα καλύτερα λόγια στο αφεντικό μου να σου αναθέσει ένα e-shop.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Go to site

Δημοσίευση από fafos » 07 Απρ 2010 20:06

katerina28 έγραψε:Ευχαριστώ πάρα πολύ θα πω τα καλύτερα λόγια στο αφεντικό μου να σου αναθέσει ένα e-shop.
mono me eidh psarematos feiaxno e-shops :lol:

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

Go to site

Δημοσίευση από katerina28 » 07 Απρ 2010 20:12

fafos έγραψε:
katerina28 έγραψε:Ευχαριστώ πάρα πολύ θα πω τα καλύτερα λόγια στο αφεντικό μου να σου αναθέσει ένα e-shop.
mono me eidh psarematos feiaxno e-shops :lol:
Καλοοοοό το περισσότερες πληροφορίες καθώς και ένα button με χρώμα πως μπαίνουν?

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Go to site

Δημοσίευση από fafos » 07 Απρ 2010 20:14

auta einai edo mesa:

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

        <div class="textblock">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi massa ipsum, ultrices quis pulvinar nec, vehicula non odio. Aliquam erat volutpat. Aliquam erat volutpat. Integer viverra lorem at urna faucibus venenatis et sed tortor Donec est ipsum, auctor eu tempus eget, aliquet non est. Aliquam erat volutpat..

            </div> 
anti gia keimeno vazeis oti thes, buttons, eikones, tables, divs klp klp

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

Go to site

Δημοσίευση από katerina28 » 07 Απρ 2010 20:44

fafos έγραψε:auta einai edo mesa:

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

        <div class="textblock">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi massa ipsum, ultrices quis pulvinar nec, vehicula non odio. Aliquam erat volutpat. Aliquam erat volutpat. Integer viverra lorem at urna faucibus venenatis et sed tortor Donec est ipsum, auctor eu tempus eget, aliquet non est. Aliquam erat volutpat..

            </div> 
anti gia keimeno vazeis oti thes, buttons, eikones, tables, divs klp klp
το χρώμα στο κείμενο αυτό πως αλλάζει από μαύρο σε άσπρο

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

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

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