pios mpori na voithisei?

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

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

Απάντηση
andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 16 Οκτ 2010 00:16

gia sas prospatho na valo ena jquery slider sto site mou . distixos osi voithia kai an exo zitisei apo edo kaneis den exei endiaferthei. thelo na valo to sigekrimeno to slider sto div contect2 akrivos etsi opos to exo to div na mpei kai to slider apo pano. mporo na stilo mexri 20 euro me paypall. sas parakalo kapios as to kanei eimai apegnosmenos prospatho mia vdomada kai , peripou 8 me 9 meres. kai exo minei piso mono gia auto to pragmatika den adexo alo
Συνημμένα
test2.rar
(697.8 KiB) Μεταφορτώθηκε 229 φορές

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 16 Οκτ 2010 00:28

kai edo to slider
Συνημμένα
chriscoyier-AnythingSlider-7594ed2.rar
(503.34 KiB) Μεταφορτώθηκε 221 φορές

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

pios mpori na voithisei?

Δημοσίευση από korgr » 16 Οκτ 2010 08:42

Εγώ δεν κατάλαβα ούτε που ακριβώς στη σελίδα σου θες να το βάλεις :p

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 16 Οκτ 2010 16:59

apo ta dexia tou player. sto megalo peritherio pou exo ta mple koutakia. dexia

gvre
Δημοσιεύσεις: 990
Εγγραφή: 14 Οκτ 2010 11:34
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

pios mpori na voithisei?

Δημοσίευση από gvre » 16 Οκτ 2010 19:09

Η τοποθέτηση έγινε. Το μόνο που χρειάζεται να κάνεις είναι να αλλάξεις το css/slider.css έτσι ώστε οι διαστάσεις του slider να ταιριάζουν με αυτές των φωτογραφιών σου (μετά που θα τις βάλεις στο φάκελο images).

test2.tar.gz

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 17 Οκτ 2010 00:51

gvre έγραψε:Η τοποθέτηση έγινε. Το μόνο που χρειάζεται να κάνεις είναι να αλλάξεις το css/slider.css έτσι ώστε οι διαστάσεις του slider να ταιριάζουν με αυτές των φωτογραφιών σου (μετά που θα τις βάλεις στο φάκελο images).

test2.tar.gz
file se euxaristo para poli pou endiaferthikes ilikrina. ala to provlima m einai oti to thelo akrivos stis diastaseis gia auto exo valei kai auto to ble san fodo. ekei exo kolisei opos kai ta koumpia na einai pano stin foto. :(

gvre
Δημοσιεύσεις: 990
Εγγραφή: 14 Οκτ 2010 11:34
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

pios mpori na voithisei?

Δημοσίευση από gvre » 17 Οκτ 2010 01:17

Πρόσθεσε

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

z-index: 10;
στο .anythingSlider .arrow (αρχείο slider.css). Θα πρέπει να έχεις κάτι σαν το

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

.anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; z-index: 10; }
μετά την προσθήκη που θα κάνεις. Πρόσθεσε και το

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

.anythingSlider img { position: relative; z-index: 5; }
σε μια νέα γραμμή, ρύθμισε το css σχετικά με τα width και height και θα έχεις το αποτέλεσμα που θέλεις.

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 17 Οκτ 2010 01:40

akrivos auto epsaxna se euxaristo polu. mia teleutea erotisi. ego thelo na to mikrino . dld to ipsos tou to thelo pio ligo. alazo apo to .anythingslider to height ala oi diastaseis den alazoun. prepei na alaxo kati alo?

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 17 Οκτ 2010 19:59

diladi auto pou thelo na po einai. oti edo mesa

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

 .anythingSlider                         { width: 760px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 324px; margin: 0 40px; position: absolute; top: 0; left: 0; } 
an alaxo to width i to height auto paramenei opos exei kamia alagi.ego apla to thelo pio mikro

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 18 Οκτ 2010 20:30

kamia idea oeo? an einai kati aplo pite to edaxi

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

pios mpori na voithisei?

Δημοσίευση από dimsis » 18 Οκτ 2010 20:36

Τις εικόνες σου τις έκανες resize στο μέγεθος που θέλεις ή μόνο το css αλλάζεις; δες και στο http://siskopoulos.gr που το χρησιμοποιώ εδώ και καιρό το css μήπως και σε βοηθήσει.

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 18 Οκτ 2010 20:42

ksereis ti ginete. thelo na mikrino to slider genika. dld kai mia pio mikri eikona an valo apla dixnei tin eikona pio mikri ala to slider paramenei to idio megethos. episis thelo na to metakiniso px ligo pio aristera oute margin oute tpt den to metakinei kai ektos oti den petixenei auto pou thelo, spao kai to kefali mou na katalavo gt den kouniete kai giati den mikrenei

Άβαταρ μέλους
Khronos
Δημοσιεύσεις: 754
Εγγραφή: 11 Δεκ 2006 14:43
Τοποθεσία: Ηράκλειο

pios mpori na voithisei?

Δημοσίευση από Khronos » 18 Οκτ 2010 22:46

andreaskop έγραψε:ksereis ti ginete. thelo na mikrino to slider genika. dld kai mia pio mikri eikona an valo apla dixnei tin eikona pio mikri ala to slider paramenei to idio megethos. episis thelo na to metakiniso px ligo pio aristera oute margin oute tpt den to metakinei kai ektos oti den petixenei auto pou thelo, spao kai to kefali mou na katalavo gt den kouniete kai giati den mikrenei
Δν έχω δει τον κώδικα της σελίδας σου, αλλά είμαι σίγουρος οτι αν κάτσεις να διαβάσεις λίγο για html και css θα βγάλεις άκρη.

http://www.w3schools.com

gvre
Δημοσιεύσεις: 990
Εγγραφή: 14 Οκτ 2010 11:34
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

pios mpori na voithisei?

Δημοσίευση από gvre » 18 Οκτ 2010 22:47

Τις οδηγίες που βρίσκονται στη σελίδα http://css-tricks.com/anythingslider-jquery-plugin/ τις διάβασες;
Adjusting Size

For example, if you wanted to make the slides 580px wide instead of 680px wide, you just need to change some CSS. Change the width of .anythingSlider ul li to 580px, change the width of .anythingSlider .wrapper to 580px, and reduce the width of .anythingSlider 100px to 660px.
Από το δικό σου css (index.css) άφησε μόνο το float και background-image για το #content2. Όλα τα υπόλοιπα σβήσε τα. Μετά άλλαξε ό,τι χρειάζεται για να έχεις κάτι σαν το παρακάτω.

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

.anythingSlider { width: 460px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper { width: 380px; overflow: auto; height: 324px; margin: 0 40px; position: absolute; top: 0; left: 0; }

/* Width below is max for Opera */
.anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider .wrapper ul li { display: block; float: left; padding: 0; height: 317px; width: 380px; margin: 0; }
Λογικά θα είσαι ΟΚ με αυτά. Next time... RTFM ;)

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

pios mpori na voithisei?

Δημοσίευση από andreaskop » 19 Οκτ 2010 19:04

ok ola orea topothetithike opos ithela meta ekna kai aut apou ithela sto css kai egine akrivos etsi opos ithela. ena me provlimatizei omos. to slider einai sti thesi tou ok ala ti einai auto pou exei apo kato san plaisio kai den mikrenei me tpt gt thelo na valo alo div se ekini tin thesi.

Απάντηση

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

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

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