Εισαγωγή Scroll bar σε article

Θέλετε την γνώμη των άλλων για την σελίδα σας; Τότε βρίσκεστε στο σωστό μέρος.

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

Απάντηση
Tasoskt
Δημοσιεύσεις: 19
Εγγραφή: 01 Νοέμ 2011 11:04

Εισαγωγή Scroll bar σε article

Δημοσίευση από Tasoskt » 01 Νοέμ 2011 11:11


Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Εισαγωγή Scroll bar σε article

Δημοσίευση από Kypros Lambrou » 01 Νοέμ 2011 14:15

Tasoskt έγραψε:Καλησπέρα
έχω κατασκευάσει τη παρακάτω σελίδα σε joomla
www.katerinazafeiropoulou.gr

Στο παρακάτω link της σελίδας:

θα ήθελα προσθέσω επιπλέον περιεχόμενο.
Παράλληλα η σελίδα μου θα ήθελα να το κυρίως παραμένει αν γίνεται σταθερή και να κινείται
με scroll bar, ωστε το μενού και το logo να παραμένουν και αυτά σταθερά.
Θα με ενδιέφερε design σε στυλ αυτής της σελίδας
[url=http://www.vangelisgokas.gr/#text
(αυτή μάλλον είναι σε flash.)

Υπάρχει κάποιο ένθετο που να δημιουργεί κάποιο σταθερό Frame σε ένα article;;
Γνωρίζεις καθόλου html, CSS ή απλά ολοκλήρωσες την σελίδα ενώνοντας κομμάτια κώδικα?
Έστω και ότι η δεύτερη σελίδα που αναφέρεις είναι φτιαγμένη σε FLASH, στην περίπτωση σου με CSS και λίγη φαντασία μπορείς να επιτύχεις κάτι ανάλογο στα μέτρα σου.

Tasoskt
Δημοσιεύσεις: 19
Εγγραφή: 01 Νοέμ 2011 11:04

Εισαγωγή Scroll bar σε article

Δημοσίευση από Tasoskt » 02 Νοέμ 2011 00:09

Από html ξέρω τα βασικά . Από Css λίγα πράγματα.
το πρόβλημα μου με το κώδικα είναι σε ποιο ακριβώς αρχείο πρέπει να παρέμβω στο template για να υλοποιήσω αυτό που θέλω.

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Εισαγωγή Scroll bar σε article

Δημοσίευση από apsuh0s » 02 Νοέμ 2011 14:01

Αρχικά σβήσε αυτό

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

<span style="font-size&#58;12px;">.....................................</span>
που έχεις μέσα στο markup και φτιάξτο με css, π.χ.

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

.example &#123;
   border-bottom&#58;1px dotted #000;
&#125;
Πειραματίστηκα με το http://www.katerinazafeiropoulou.gr/index.php/biografy

Δώσε στο css σου

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

.item-page &#123;
   overflow&#58;auto;
   height&#58; 600px;
   padding-right&#58; 20px;
&#125;
Αυτό που κάνω είναι να του ορίζω συγκεκριμένο ύψος του container που περιλαμβάνει την πληροφορία και ότιδήποτε κάνει oveflow αυτό το ύψος να εμφανίζει scrolls για να μπορεί να διαβαστεί ολόκληρη. Στη συνέχεια του δίνω ένα padding από τα δεξιά ώστε να πέφτει το περιεχόμενο σου πάνω στο scroll που εμφανίζεται αριστερά.

Αν δε σβήσεις το span που σου αναφέρω στην αρχή θα σου εμφανιστεί και οριζόντιο scroll

Το height εννοείτε θα το προσαρμόσεις στις δικιές σου σχεδιαστικές ανάγκες.
Συνημμένα
overflow.jpg
.ninja { color: black; visibility: hidden !important; }

Tasoskt
Δημοσιεύσεις: 19
Εγγραφή: 01 Νοέμ 2011 11:04

Εισαγωγή Scroll bar σε article

Δημοσίευση από Tasoskt » 02 Νοέμ 2011 21:00

Καταρχήν ευχαριστώ για τις οδηγίες .
Απλά το site το δουλεύω τοπικά σε πρώτη φάση σε Xampp server στον υπολογιστή μου.
Το αρχείο αυτό που μπορώ να το βρω και να το επεξεργαστώ;
Με προβολή κώδικα το βλέπω από τον explorer.
ευχαριστώ

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Εισαγωγή Scroll bar σε article

Δημοσίευση από apsuh0s » 02 Νοέμ 2011 21:58

Το ότι το δουλεύεις τοπικά δεν έχει σχέση.

Εγώ τη συγκεκριμένη αλλαγή την έκανα στο general.css που έχεις στο container .item-page. Το που θα το βρεις εσύ ξέρεις. Εκεί που έχεις τα αρχεία css.

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

href="/templates/system/css/general.css"
Η επεξεργασία μπορεί να γίνει και με το notepad
.ninja { color: black; visibility: hidden !important; }

Tasoskt
Δημοσιεύσεις: 19
Εγγραφή: 01 Νοέμ 2011 11:04

Εισαγωγή Scroll bar σε article

Δημοσίευση από Tasoskt » 03 Νοέμ 2011 00:49

Βρήκα το κατάλληλο αρχείο και έκανα τις παραπάνω αλλαγές. Μόνο το spam style δε βρήκα. Το πρόβλημα μου είναι ότι το scroll bar είναι αρκετά ψηλά και όταν κάνω scrollling το text περνάει μέσα από το logo.
Συνημμένα
bio.JPG

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Εισαγωγή Scroll bar σε article

Δημοσίευση από Kypros Lambrou » 03 Νοέμ 2011 10:17

Tasoskt έγραψε:Βρήκα το κατάλληλο αρχείο και έκανα τις παραπάνω αλλαγές. Μόνο το spam style δε βρήκα. Το πρόβλημα μου είναι ότι το scroll bar είναι αρκετά ψηλά και όταν κάνω scrollling το text περνάει μέσα από το logo.
Αυτό είναι λόγω του ότι το template που χρησιμοποιείς βάζει την εικόνα στο header και μετά φέρνει την υπόλοιπη σελίδα απο πάνω για να φαίνεται ότι το logo βρίσκεται στην αρχή της σελίδας.
Προσωρινή λύση αν και όχι η καλύτερη είναι να προσθέσεις γύρω στα 100px ύψος στο #breadcrumb για να μεγαλώσει, σπρώχνοντας κάτω τα γράμματα.

Tasoskt
Δημοσιεύσεις: 19
Εγγραφή: 01 Νοέμ 2011 11:04

Εισαγωγή Scroll bar σε article

Δημοσίευση από Tasoskt » 03 Νοέμ 2011 12:40

Ευχαριστώ για όλες τις οδηγίες

Tasoskt
Δημοσιεύσεις: 19
Εγγραφή: 01 Νοέμ 2011 11:04

Εισαγωγή Scroll bar σε article

Δημοσίευση από Tasoskt » 17 Νοέμ 2011 00:32

Καλησπέρα,
επανέρχομαι γιατί έχω κάποιες απορίες;
Έφτιαξα το scroll bar που ήθελα αλλά με heigth περίπου στα 600 pixels. Αυτό το ύψος με καλύπτει στην δικιά μου 15αρα οθόνη
1) Αν κάποιος ανοίξει αυτή τη σελίδα σε μεγαλύτερη οθόνη (π.χ 21 inch) το scroll bar θα μεγαλώσει αναλογικά ή παραμείνει 600pixels και από κάτω θα μείνει κενό;
2) Το scroll bar εμφανίζεται σε όλες τις ιστοσελίδες. Μπορώ να το απομονώσω σε μερικές σελίδες; Π.χ. στη Home που έχω slideshow;
ευχαριστώ

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Εισαγωγή Scroll bar σε article

Δημοσίευση από apsuh0s » 17 Νοέμ 2011 01:01

1)Δεν θα μεγαλώσει αναλογικά. Εφόσον το ορίζεις 600px, τόσο θα είναι σε οποιαδήποτε ανάλυση.

2)Μπορείς να στοχεύσεις μέσω css που θέλεις να εμφανίζεται και που όχι
.ninja { color: black; visibility: hidden !important; }

Tasoskt
Δημοσιεύσεις: 19
Εγγραφή: 01 Νοέμ 2011 11:04

Εισαγωγή Scroll bar σε article

Δημοσίευση από Tasoskt » 21 Νοέμ 2011 21:10

1)Όταν εννοείς να στοχεύεις τι εννοείς;

2)Δεν γίνεται το Frame που έχω δημιουργήσει να κάνει autoheight ανάλογα την οθόνη του υπολογιστή;;;

3)Ο κώδικας που έχεις δώσει που ακριβώς γράφεται; Στο css εκεί που έχω ορίζει το frame;;

Ευχαριστώ

Tasoskt
Δημοσιεύσεις: 19
Εγγραφή: 01 Νοέμ 2011 11:04

Εισαγωγή Scroll bar σε article

Δημοσίευση από Tasoskt » 02 Δεκ 2011 20:36

Καλησπέρα,
apsuh0s,
Πως μπορώ να στοχεύσω μέσω .css σε ποια σελίδα θα θα εμφανίζεται το scroll bar μέσα στο κυρίως content?Δε θέλω να εμφανίζεται σε όλες.
Ευχαριστώ

Απάντηση

Επιστροφή στο “Θέλω την γνώμη σας για την Σελίδα μου...”

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

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