Πώς να ανοίξετε γρήγορα τον κώδικα της σελίδας στο πρόγραμμα περιήγησης, ακόμα κι αν απαγορεύεται η αντιγραφή. Αποσυσκευασία και αποκωδικοποίηση σεναρίων JavaScript Πώς να αποκωδικοποιήσετε τον κώδικα σελίδας html

Αυτό το άρθρο είναι μια προσθήκη στο άρθρο σχετικά με την απεμπλοκή σεναρίων. Εδώ θα εξεταστούν οι βασικές αρχές της κρυπτογράφησης και της συσκευασίας, αδύναμα σημείαασφάλειες, μεθόδους χειροκίνητης αφαίρεσης, καθώς και καθολικά εργαλεία για αυτόματη αφαίρεση συσκευαστών και αρθρωτή προστασία από σενάρια JavaScript. Όλο και περισσότερο τελευταία πηγήτα σενάρια είναι κρυπτογραφημένα ή συσκευασμένα. Το Yandex, το DLE και άλλα δημοφιλή έργα άρχισαν να εμπλέκονται σε αυτό και οι όμορφες ιστορίες σχετικά με τη "φροντίδα των χρηστών", την "εξοικονόμηση κυκλοφορίας" και άλλες ανοησίες φαίνονται πολύ αστείες. Λοιπόν, αν κάποιος έχει κάτι να κρύψει, τότε το καθήκον μας είναι να τον φέρουμε σε καθαρό νερό.

Ας ξεκινήσουμε με τη θεωρία. Λόγω των ιδιαιτεροτήτων της εκτέλεσης JavaScript, όλοι οι κρυπτογραφητές και οι συσκευαστές, παρά την ποικιλομορφία τους, έχουν μόνο δύο επιλογές αλγορίθμου: ή ως επιλογή: Η δεύτερη μέθοδος χρησιμοποιείται συχνότερα για την προστασία του πηγαίο κώδικα html της σελίδας, καθώς και διαφόρων Trojans για να εισάγετε κακόβουλο κώδικα στη σελίδα, όπως ένα κρυφό πλαίσιο. Και οι δύο αλγόριθμοι μπορούν να συνδυαστούν, τα "κόλπα" και η πολυπλοκότητα του αποκρυπτογραφητή μπορεί να είναι οποιαδήποτε, μόνο η ίδια η αρχή παραμένει αμετάβλητη.

Και στις δύο περιπτώσεις, αποδεικνύεται ότι οι λειτουργίες eval()και document.write()μεταδίδονται πλήρως αποκρυπτογραφημένα δεδομένα. Πώς να τους υποκλέψει; Προσπαθήστε να αντικαταστήσετε eval()επί συναγερμός(), και στο MessageBox που ανοίγει, θα δείτε αμέσως το αποκρυπτογραφημένο κείμενο. Ορισμένα προγράμματα περιήγησης σάς επιτρέπουν να αντιγράψετε κείμενο από τα MessageBox, αλλά είναι καλύτερο να χρησιμοποιήσετε αυτόν τον ημιαυτόματο αποκωδικοποιητή:

  1. < html >
  2. < head >< title >Αποκωδικοποιητής JavaScript
  3. < body >
  4. < script type = "text/javascript" >
  5. // Λειτουργία εγγραφής αποτελεσμάτων αποκρυπτογράφησης στο αρχείο καταγραφής
  6. αποκωδικοποιητής συνάρτησης(str)(
  7. έγγραφο. getElementById("αποκωδικοποιημένο"). τιμή += str + "\n" ;
  8. < textarea id = "decoded" style = "width:900px; height:500px;" >
  9. < script type = "text/javascript" >

Για παράδειγμα, ας πάρουμε κάποιο σενάριο από το Yandex, κοιτάζοντας τον πηγαίο κώδικα, βλέπουμε κάτι ανθυγιεινό:

Eval(function(p,a,c,k,e,r)(e=function(c)(return(c c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36)));if(!
"".replace(/^/,String))(while(c--)r=k[c]||e(c);k=)];e=function()(return"\w+"); c=1);while(c--)if(k[c])
p=p.replace(new RegExp("\b"+e(c)+"\b","g"),k[c]);return p)("$.1e
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||".u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5).2(".6-9").14("7");$(5).2(".6 -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5).16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(".b-r");3 d=$(o).2 ("".b-12");
[οι υπόλοιπες ίδιες ανοησίες κόβονται]

Πρέπει να πω αμέσως ότι αυτό το σενάριο επεξεργάζεται το JavaScript Compressor, είναι εύκολο να το αναγνωρίσετε από την υπογραφή του - το χαρακτηριστικό όνομα της συνάρτησης στην αρχή του σεναρίου. Αντιγράψτε ολόκληρο το κείμενο πηγής του σεναρίου, αντικαταστήστε το πρώτο ισοτιμίαεπί αποκρυπτογράφος, επικολλήστε το στον αποκωδικοποιητή και αποθηκεύστε το ως σελίδα html. Ανοίξτε το σε οποιοδήποτε πρόγραμμα περιήγησης και δείτε ότι το μη συσκευασμένο σενάριο εμφανίστηκε αμέσως στην περιοχή κειμένου. Είναι πολύ νωρίς για να χαρούμε, αφαίρεσε όλες τις αλλαγές γραμμής και τη μορφοποίηση κώδικα. Πώς να το αντιμετωπίσετε αυτό γράφεται στο άρθρο σχετικά με την αποσυμφόρηση.

Δεύτερο παράδειγμα. Εδώ είναι μια σελίδα html που καλύπτεται με HTML Protector. Αυτή είναι μια σελίδα που δείχνει τις δυνατότητες του προγράμματος, επομένως εμπλέκονται όλες οι επιλογές: αποκλεισμός επιλογής και αντιγραφή κειμένου, απαγόρευση του δεξιού κουμπιού του ποντικιού, προστασία εικόνων, απόκρυψη της γραμμής κατάστασης, κρυπτογράφηση κώδικα html κ.λπ. Ανοίγουμε τον πηγαίο κώδικα, κοιτάμε. Στην κορυφή βρίσκεται το ήδη γνωστό document.write και κρυπτογραφημένο σενάριο. Το τρέχουμε μέσω του αποκωδικοποιητή, έχουμε τη λειτουργία αποκρυπτογράφησης του κύριου περιεχομένου:

Κωδικός (JavaScript):

  1. hp_ok = true ;συνάρτηση hp_d01 (s )( ... cut ... o = ar . join ("" )+ os ; document . write (o )

Αντικαθιστούμε το τελευταίο document.write στη συνάρτηση με αποκωδικοποιητή και εισάγουμε και τα τρία υπόλοιπα κρυπτογραφημένα σενάρια μετά από αυτό:

  1. < script type = "text/javascript" >
  2. // Επικολλήστε το κρυπτογραφημένο σενάριο εδώ, προκαταρκτικά
  3. // αντικαταστήστε όλες τις κλήσεις σε eval() και document.write() σε αυτό με decoder().
  4. hp_ok = true ;συνάρτηση hp_d01 (s )( .... o = ar . join ("" )+ os ; αποκωδικοποιητής (o );
  5. hp_d01(unescape(">QAPKRV%22NCLEWC ....
  6. hp_d01(unescape( ">QAPKRV%22NCLEWCEG? HctcQa ...
  7. hp_d01(unescape( ">`mf(%22`eamnmp? !DDDDDD %22v ...

Για ευκολία, τα σενάρια δεν δίνονται στο άρθρο πλήρως, αλλά πρέπει να τα αντιγράψετε στο σύνολό τους. Ανοίγουμε τον αποκωδικοποιητή στο πρόγραμμα περιήγησης και βλέπουμε τα σενάρια ασφαλείας που έχει προσθέσει το πρόγραμμα και το αποκρυπτογραφημένο κείμενο πηγής της σελίδας. Για ευκολία, μπορείτε να αποκρυπτογραφήσετε μόνο το τρίτο σενάριο, το οποίο περιέχει τον κώδικα html της σελίδας. Αυτό είναι όλο προστασία. Όπως μπορείτε να δείτε, τίποτα περίπλοκο. Ομοίως, καταργούνται άλλες προστασίες σελίδων html.

Ας περάσουμε από τη χειροκίνητη αποκρυπτογράφηση στην αυτόματη. Για να αφαιρέσω τις προστασίες του πρώτου τύπου, τροποποίησα ελαφρώς το σενάριο Beautify Javascript που είναι ήδη γνωστό σε εσάς και το μεταγλωττίζω σε ένα αρχείο exe. Χειρίζεται τις περισσότερες από τις προστασίες JavaScript και τα περιτυλίγματα που έχω δει χωρίς προβλήματα.

Eval.JavaScript.Unpacker.1.1-PCL.rar (12.124 byte)


Για πιο σύνθετες περιπτώσεις θα πρέπει να χρησιμοποιηθεί βαρύ πυροβολικό. Αυτό είναι ένα δωρεάν έργο που έχει σχεδιαστεί για τη διερεύνηση Trojans και άλλου κακόβουλου κώδικα. Δεδομένου ότι όλα τα προγράμματα προστασίας πνευματικών δικαιωμάτων είναι αναμφισβήτητα κακόβουλα, η Malzilla θα μας βοηθήσει στην καταπολέμησή τους. Λήψη (σήμερα είναι 1.2.0), αποσυσκευάστε, εκτελέστε. Ανοίξτε τη δεύτερη καρτέλα Αποκωδικοποιητής, επικολλήστε τον κωδικό του κρυπτογραφημένου σεναρίου στο επάνω παράθυρο, πατήστε το κουμπί εκτέλεση σεναρίου.



Σε φάκελο eval_tempόλα τα αποτελέσματα της εκτέλεσης των συναρτήσεων eval() συνοψίζονται, συμπεριλαμβανομένων των ενδιάμεσων. Μπορείτε να τα δείτε κάνοντας κλικ στο κουμπί. Εμφάνιση αποτελεσμάτων eval()., το κείμενο θα ανοίξει στο κάτω παράθυρο. Μπορεί να αντιγραφεί, να επικολληθεί στο επάνω παράθυρο και να μορφοποιηθεί αμέσως με το πάτημα ενός κουμπιού κωδικός μορφής. Εκτός από τον αποκωδικοποιητή, το Malzilla διαθέτει πολλά περισσότερα εργαλεία και ρυθμίσεις που σας επιτρέπουν να αφαιρείτε εύκολα οποιαδήποτε προστασία από σενάρια JavaScript.



Μπορείτε επίσης να δώσετε προσοχή σε ένα άλλο δωρεάν εργαλείο για εργασία με κρυπτογραφημένα σενάρια - το FreShow. Υπάρχουν λιγότερες λειτουργίες σε αυτό, αλλά είναι το ιδανικό μέρος. Από εκτός τοποθεσίας μπορείτε να κάνετε λήψη ενός βίντεο επίδειξης που δείχνει ένα παράδειγμα εργασίας με το πρόγραμμα.

Όπως μπορείτε να δείτε, δεν υπάρχει τίποτα δύσκολο στην αφαίρεση προστασίας από σενάρια JavaScript και από σελίδες html. Συνεχίζετε ακόμα να υπερασπίζεστε τα βρωμερά «δικαιώματα του συγγραφέα» σας; Τότε πάμε σε εσάς!

Κάτω από όλες τις όμορφες εικόνες, την τέλεια τυπογραφία και τις υπέροχα τοποθετημένες παροτρύνσεις για δράση βρίσκεται ο πηγαίος κώδικας του ιστότοπού σας.

Κάθε μέρα, το πρόγραμμα περιήγησής σας μετατρέπει αυτόν τον κώδικα σε εντυπωσιακές σελίδες για τους επισκέπτες και τους πελάτες σας.

Η Google και άλλες μηχανές αναζήτησης "διαβάζουν" αυτόν τον κώδικα για να καθορίσουν πού θα εμφανίζονται οι ιστοσελίδες σας στα ευρετήριά τους για ένα δεδομένο ερώτημα αναζήτησης.

Ως εκ τούτου, είναι πολύ σημαντικό για βελτιστοποίηση μηχανών αναζήτησης(SEO) έχει αυτό που υπάρχει στον πηγαίο κώδικα.

Αυτός ο γρήγορος οδηγός θα σας δείξει πώς να διαβάζετε τον πηγαίο κώδικα του ιστότοπού σας, ώστε να είστε σίγουροι ότι το SEO σας είναι σωστό και να σας διδάξει πώς να ελέγχετε τους όρους SEO.

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

Πώς να δείτε τον πηγαίο κώδικα.

Το πρώτο βήμα για να ελέγξετε τον πηγαίο κώδικα του ιστότοπού σας είναι να δείτε τον πραγματικό πηγαίο κώδικα. Οποιοδήποτε πρόγραμμα περιήγησης ιστού το κάνει αυτό εύκολο.

Ακολουθούν οι εντολές του πληκτρολογίου για να δείτε τον πηγαίο κώδικα της ιστοσελίδας σας Η/Υκαι Μακ.

  • Firefox - CTRL + U (Κρατήστε πατημένο το πλήκτρο CTRL και πατήστε το πλήκτρο "U") Εναλλακτικά, μπορείτε να μεταβείτε στο μενού "Firefox", μετά να κάνετε κλικ στο "Web Developer" και μετά στο "Page Source".
  • Internet Explorer- CTRL + U. Ή κάντε κλικ κάντε δεξί κλικποντίκι και επιλέξτε "Προβολή πηγής".
  • Chrome - CTRL + U. Μπορείτε να κάνετε κλικ στην εικόνα ενός κλειδιού με τρεις οριζόντιες γραμμές στην επάνω δεξιά γωνία. Στη συνέχεια, κάντε κλικ στο "Εργαλεία" και επιλέξτε "Προβολή πηγής".
  • Opera - CTRL + U. Μπορείτε επίσης να κάνετε δεξί κλικ σε μια ιστοσελίδα και να επιλέξετε "Προβολή προέλευσης σελίδας".

Μακ

  • Safari - Συντόμευση πληκτρολογίου Option + Command + U. Μπορείτε επίσης να κάνετε δεξί κλικ σε μια ιστοσελίδα και να επιλέξετε Εμφάνιση προέλευσης σελίδας.
  • Firefox - Μπορείτε να κάνετε δεξί κλικ και να επιλέξετε "πηγή" ή μπορείτε να πλοηγηθείτε στο μενού "Εργαλεία", επιλέξτε "Προγραμματιστής Ιστού" και κάντε κλικ στο "Πηγή σελίδας". Συντόμευση πληκτρολογίου Ctrl+U.
  • Chrome - Μεταβείτε στην "Προβολή" και, στη συνέχεια, κάντε κλικ στην επιλογή "προγραμματιστής" και στη συνέχεια "Προβολή πηγής". Μπορείτε επίσης να κάνετε δεξί κλικ και να επιλέξετε Προβολή προέλευσης σελίδας. Συντόμευση πληκτρολογίου Option+Command+U.

Αφού μάθετε πώς να προβάλετε τον πηγαίο κώδικα, πρέπει να ξέρετε πώς να τον αναζητήσετε.

Γενικά, οι ίδιες δυνατότητες αναζήτησης που χρησιμοποιείτε στην κανονική περιήγηση στον ιστό ισχύουν και για τις αναζητήσεις πηγαίου κώδικα.

Οι εντολές, CTRL + F (εύρεση) θα σας βοηθήσουν να δείτε γρήγορα τον πηγαίο κώδικα σημαντικών στοιχείων SEO.

Ετικέτες τίτλου.

Η ετικέτα τίτλου είναι το πιο σημαντικό στοιχείο του SEO. Αυτό είναι το πιο σημαντικό πράγμα στον πηγαίο κώδικα.

Εάν πρόκειται να πάρετε μόνο ένα πολύτιμο πράγμα από αυτό το άρθρο, δώστε προσοχή σε αυτό:

Ξέρετε, αυτά είναι τα αποτελέσματα που παρέχει η Google όταν αναζητάτε κάτι.

Όλα αυτά τα αποτελέσματα προέρχονται από τις ετικέτες τίτλου των ιστοσελίδων. Επομένως, εάν δεν έχετε ετικέτες τίτλου στον πηγαίο κώδικα, ενδέχεται να μην εμφανιστείτε στο Google (ή σε οποιαδήποτε άλλη μηχανή αναζήτησης).

Είτε το πιστεύετε είτε όχι, έχω δει ιστοσελίδες χωρίς ετικέτες τίτλου. Ας προσπαθήσουμε να κάνουμε μια γρήγορη αναζήτηση στο Google για τον όρο " Οδηγοί Μάρκετινγκ". Τι βλέπουμε:

Μπορείτε να δείτε το πρώτο αποτέλεσμα αναζήτησης για το ιστολόγιο KISSmetricsκεφάλαιο Οδηγοί Μάρκετινγκ.

Αν ακολουθήσουμε τον σύνδεσμο του πρώτου αποτελέσματος αναζήτησης και προβάλουμε τον πηγαίο κώδικα της σελίδας, μπορούμε να δούμε την ετικέτα στον τίτλο:

Η ετικέτα τίτλου υποδεικνύεται από την αρχική ετικέτα: </b>. και τελειώνει με μια ετικέτα κλεισίματος: <b></ <i>τίτλος</i>> </b>. Η ετικέτα κεφαλίδας βρίσκεται συνήθως στην κορυφή του πηγαίου κώδικα στην ενότητα <b><head> </b>. </i></p> <p>Και μπορούμε να δούμε ότι το περιεχόμενο μέσα στην ετικέτα τίτλου ταιριάζει με αυτό που χρησιμοποιείται στον τίτλο του αποτελέσματος <a href="https://bakep.ru/el/kak-vyiti-iz-akkaunta-v-prilozhenii-gmail-kak-na-androide-vyiti-iz-google-akkaunta-gmail.html">αναζήτηση Google</a>.</p> <p>Αλλά δεν είναι απαραίτητες μόνο οι ετικέτες τίτλου για να περιλαμβάνονται στα αποτελέσματα αναζήτησης Google.</p> <p>Η Google προσδιορίζει επίσης τις λέξεις στις ετικέτες τίτλου ως σημαντικές λέξεις-κλειδιά που πιστεύει ότι είναι σχετικές για την αναζήτηση των χρηστών.</p> <p>Επομένως, εάν θέλετε να λάβετε μια συγκεκριμένη κατάταξη ιστοσελίδας για ένα συγκεκριμένο θέμα, τότε θα πρέπει να βεβαιωθείτε ότι οι λέξεις που περιγράφουν το θέμα περιλαμβάνονται στην ετικέτα τίτλου.</p> <p>Υπάρχει ένας αριθμός διαδικτυακών πόρων όπου μπορείτε να μάθετε περισσότερα για το πώς <a href="https://bakep.ru/el/a-set-of-tags-for-video-with-animals-how-to-learn-and-add-keywords-tags-for-youtube-in-video-per-channel.html">λέξεις-κλειδιά</a>και οι ετικέτες τίτλου παίζουν σημαντικό ρόλο στη συνολική αρχιτεκτονική του ιστότοπού σας.</p> <p>Ακολουθούν ορισμένα σημαντικά σημεία που πρέπει να έχετε κατά νου τη σημασία των ετικετών τίτλων σας:</p> <ul><li>Βεβαιωθείτε ότι έχετε μόνο μία ετικέτα τίτλου ανά ιστοσελίδα.</li> <li>Βεβαιωθείτε ότι κάθε ιστοσελίδα στον ιστότοπο έχει τη δική της ετικέτα τίτλου.</li> <li>Βεβαιωθείτε ότι κάθε ετικέτα τίτλου στον ιστότοπό σας είναι μοναδική. Μην αντιγράφετε ποτέ το περιεχόμενο μιας συγκεκριμένης ετικέτας τίτλου.</li> </ul><h3></h3> <p>Επόμενο <a href="https://bakep.ru/el/pesnya-dlya-roditelei-na-svadbe-pesnya-ot-roditelei-na-svadbe.html">σημαντικό στοιχείο</a>Το κύριο μέρος της ιστοσελίδας σας είναι η μετα-ετικέτα περιγραφής.</p> <p>Αυτό είναι ένα απόσπασμα 160 χαρακτήρων του περιεχομένου σας που εμφανίζεται κάτω από τον τίτλο σας στις μηχανές αναζήτησης.</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/read-website.png' height="511" width="500" loading=lazy loading=lazy></p> <p>Έχω δει εκατοντάδες ιστότοπους που αγνοούν εντελώς αυτήν την ετικέτα. Είναι πολύ εύκολο να το βρείτε στον πηγαίο κώδικα:</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/how-read1.png' width="100%" loading=lazy loading=lazy></p> <p>Επομένως, ελέγξτε και βεβαιωθείτε ότι αυτή η ετικέτα υπάρχει σε όλες τις ιστοσελίδες του ιστότοπού σας. Το πιο σημαντικό, βεβαιωθείτε ότι δεν το κάνετε διπλότυπο σε πολλές σελίδες.</p> <p>Η διπλότυπη μετα-ετικέτα περιγραφής δεν αποτελεί ποινή για τη μηχανή αναζήτησης, αλλά είναι ένα πολύ μεγάλο λάθος μάρκετινγκ.</p> <p>Πολλοί άνθρωποι αγνοούν την ετικέτα meta description, αλλά πρέπει πραγματικά να την δουλέψετε επειδή διαβάζει <a href="https://bakep.ru/el/tendencii-razvitiya-poiskovyh-sistem-poiskovye-sistemy-interneta-kakie.html">μηχανή αναζήτησης</a>.</p> <p>Σκεφτείτε ότι η μετα-ετικέτα περιγραφής θα σας βοηθήσει να προσελκύσετε περισσότερους επισκέπτες και να αυξήσετε τα στοχευμένα κλικ στον ιστότοπό σας.</p>Ο κώδικας HTML είναι ουσιαστικά η ίδια η σελίδα σας, καθορίζει ακριβώς πώς θα κατασκευαστεί και θα εμφανίζεται ο ιστότοπός σας στην οθόνη του χρήστη. Κατά κανόνα, αυτός ο κώδικας είναι ανοιχτός, δηλαδή, οποιοσδήποτε χρήστης μπορεί ελεύθερα να τον δει και να τον διαβάσει. Εάν, για τον έναν ή τον άλλον λόγο, δεν το θέλετε κανέναν <b>είχε πρόσβαση στον κωδικό σας</b>, Μπορείς . Αυτό συνεπάγεται τη δημιουργία ενός ειδικού αλγορίθμου που <b>κωδικοποιεί τον κωδικό σας</b>, δηλαδή κρύβει την πρωταρχική του εμφάνιση, καθιστώντας το απρόσιτο στους χρήστες του ιστότοπου. <h2>Πότε και ποιος μπορεί να το χρειαστεί;</h2>Απολύτως οποιοσδήποτε webmaster ή ιδιοκτήτης ιστότοπου μπορεί να κάνει τέτοια κρυπτογράφηση. Το ερώτημα είναι πόσο λογικό και απαραίτητο είναι. Για παράδειγμα, εάν έχετε μια συνηθισμένη σελίδα προορισμού κατασκευασμένη σύμφωνα με ένα πρότυπο και η οποία δεν διαφέρει από άλλες, δεν έχει νόημα η κωδικοποίηση, καθώς ένα τέτοιο πρότυπο είναι ήδη διαθέσιμο στο κοινό. Σε αυτήν την περίπτωση, είναι απίθανο κάποιος να αντιγράψει και να μελετήσει τον κωδικό σας. Αλλά αν έχετε έναν ιστότοπο που έχει μοναδικό σχεδιασμό, έχετε εργαστεί πολύ και σκληρά σε αυτόν ή έχετε πληρώσει πολλά χρήματα γι 'αυτό, τότε θα πρέπει να σκεφτείτε ακόμα τον κώδικα. Είναι πολύ συχνές οι περιπτώσεις που ο ιδιοκτήτης έχει έναν ιστότοπο στον οποίο έχει επενδυθεί πολύς κόπος, χρόνος και χρήμα και μετά από λίγο καιρό ανακαλύπτει ακριβώς τον ίδιο ιστότοπο, με τον ίδιο σχεδιασμό και δομή, αλλά σε διαφορετικό τομέα και φιλοξενία. Πολύ συχνά, οι ιδιοκτήτες ιστότοπων ενημερώνονται σχετικά με αυτό στα σχόλια από τους ίδιους τους χρήστες. Σε αυτή την περίπτωση, μπορούμε με ασφάλεια να συμπεράνουμε ότι κάποιος απλά <b>αντέγραψε τον κώδικα html</b>του ιστοτόπου σας και το κυκλοφόρησε στον δικό του. <h2>Τι να κάνετε για να προστατευθείτε;</h2>Από καταστάσεις αντιγραφής και χρήσης του κώδικα HTML κάποιου άλλου χωρίς άδεια, δεν είναι τόσο εύκολο να προστατευτείτε. Και γενικά, αν κάποιος έχει ήδη δει τον ιστότοπό σας, θα μπορεί να τον αντιγράψει ακόμα και χωρίς κωδικό, με την προϋπόθεση ότι έχει ορισμένες γνώσεις στον τομέα της ανάπτυξης ιστοσελίδων. Όμως, όσον αφορά τον ίδιο τον κώδικα HTML, μπορεί να είναι κρυπτογραφημένος. Λειτουργεί με βάση ένα ειδικό σενάριο Javascript. Με το εργαλείο μας, εσείς Αυτό δημιουργεί ένα ειδικό σενάριο που έχει σχεδιαστεί για αποκρυπτογράφηση. Λειτουργεί πολύ απλά: όταν ένας επισκέπτης πηγαίνει στον ιστότοπό σας, φορτώνεται ένας κρυπτογραφημένος κώδικας που δεν μπορεί να καταλάβει. Την ίδια στιγμή εκκινείται το παραγόμενο javascript, το οποίο αποκρυπτογραφεί τον κώδικα και εμφανίζει τον ιστότοπο στην οθόνη του χρήστη. Ταυτόχρονα, ο ίδιος ο επισκέπτης δεν μπορεί να δει τον πραγματικό κωδικό. Ωστόσο, αυτή η μέθοδος έχει επίσης ένα μικρό μειονέκτημα. Υπάρχουν χρήστες στα προγράμματα περιήγησης των οποίων απαγορεύεται η εκκίνηση του javascript στον ιστότοπο, οπότε το σενάριο δεν θα ξεκινήσει, αντίστοιχα, ο κώδικας HTML δεν θα αποκρυπτογραφηθεί και ο ιστότοπος δεν θα εμφανίζεται. Αλλά, δεν πρέπει να στεναχωριέστε, μια τέτοια ρύθμιση του προγράμματος περιήγησης είναι πολύ σπάνια, μπορούμε να πούμε ότι το 99% των προγραμμάτων περιήγησης επιτρέπουν την εκτέλεση του javascript. <h2>Πως να το κάνεις?</h2>Αυτό γίνεται πολύ απλά με τη βοήθεια του εργαλείου μας. Το μόνο που απαιτείται από εσάς είναι να επικολλήσετε τον κώδικα HTML στο πεδίο αυτής της σελίδας και να κάνετε κλικ στο κουμπί για να ξεκινήσει η κρυπτογράφηση. Ως αποτέλεσμα, σε άλλο πεδίο θα λάβετε έναν ήδη κρυπτογραφημένο κωδικό, ο οποίος μπορεί ήδη να χρησιμοποιηθεί απευθείας στον ιστότοπό σας. 1 ψήφος <p>Καλημέρα, αγαπητοί αναγνώστες του ιστολογίου μου. Μερικές φορές βρίσκετε κάποιο όμορφο χαρακτηριστικό στον ιστότοπο και η ερώτηση αρχίζει να βασανίζει πώς ο δημιουργός πέτυχε ένα τόσο ενδιαφέρον αποτέλεσμα.</p> <p>Αποδεικνύεται ότι η απάντηση είναι αρκετά εύκολη. Και αν έχετε κάποιες δεξιότητες, μπορείτε να συλλέξετε πολλές τέτοιες μάρκες και να δημιουργήσετε τη δική σας μοναδική ιστοσελίδα σε σύντομο χρονικό διάστημα.</p> <p>Σήμερα θα μιλήσουμε για το πώς να ανοίξετε τον κώδικα μιας σελίδας, ένα συγκεκριμένο στοιχείο και να μάθετε πώς να χρησιμοποιείτε αυτήν την ικανότητα προς όφελός σας.</p> <h2><span>Βασικές γνώσεις για τον κώδικα</span></h2> <p>Ο ιστότοπός μου είναι για αρχάριους και πρώτα θα ήθελα να μιλήσω εν συντομία για τους ιστότοπους και τον κώδικα γενικότερα.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/cit1-75-537x292.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Για να σχεδιάσετε μια εικόνα, στη συνέχεια κόψτε την σε μικρά κομμάτια, γράψτε κώδικα, χάρη στον οποίο το πρόγραμμα περιήγησης θα συγκεντρώσει ξανά όλα τα στοιχεία σε ένα ενιαίο σύνολο. Όλα φαίνονται πολύ περίπλοκα, έτσι δεν είναι; Καθόλου, και δεν αξίζει να ανησυχείτε για αυτό.</p> <p>Έτσι φτιάχνονται ποιοτικοί ιστότοποι. Εάν θέλετε - μπείτε σε αυτήν την επιχείρηση και σπουδάστε, δεν υπάρχει επιθυμία - κανείς δεν μπορεί να σας αναγκάσει.</p> <p>Μπορώ να πω μόνο ένα πράγμα... δεν υπάρχει τίποτα πιο ευχάριστο από το να βλέπεις πώς οι ακατανόητες λέξεις που γράφεις μετατρέπονται σε ένα ενιαίο σύνολο και ζωντανεύουν: οι σύνδεσμοι λειτουργούν, τα κουμπιά κινούνται, οι εικόνες κινούνται, το κείμενο ανιχνεύεται. Νομίζω ότι ξέρω πώς ένιωσε ο Βίκτορ Φρανκενστάιν.</p> <p>Όταν αρχίσετε να κατανοείτε τη μυστική γλώσσα και βλέπετε ότι όλα είναι στην πραγματικότητα πολύ πιο απλά από ό,τι φαινόταν αρχικά, δεν μπορείτε παρά να πιστέψετε στις δικές σας δυνάμεις και ικανότητες του εγκεφάλου. Αυτό είναι πολύ δροσερό.</p> <p>Πώς κατασκευάζονται οι ιστοσελίδες; Ιδανικά, πρώτα. Απλώς ζωγραφίζει μια εικόνα. Για παράδειγμα, όπως φαίνεται στο παρακάτω σχήμα. Μέχρι στιγμής, αυτό είναι απλώς μια εικόνα, μια φωτογραφία. Δεν λειτουργούν σύνδεσμοι, όταν κάνετε κλικ δεν πηγαίνετε πουθενά, η αναζήτηση δεν πραγματοποιείται.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_1-46.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Σύμφωνα με αυτό το σχέδιο. Κοιτάξτε το στιγμιότυπο οθόνης παρακάτω. Μπορεί να νομίζετε ότι πρόκειται για ένα γελοίο και πολύ περίπλοκο σύνολο χαρακτήρων. Στην πραγματικότητα, όλα δεν είναι τόσο δύσκολα, υπάρχει ένας συγκεκριμένος αλγόριθμος.</p> <p>Υπάρχουν μόνο περίπου 150 ετικέτες και καθεμία από αυτές είναι υπεύθυνη για μια συγκεκριμένη ενέργεια: σύνδεσμος, μεταφορά, έντονη γραφή, χρώμα, τίτλος και ούτω καθεξής. Η κατανόηση τους δεν είναι τόσο δύσκολη αν έχετε την επιθυμία και δεν σας πειράζει ο χρόνος.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-43.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Χάρη στη γνώση αυτών των ιδιοτήτων, σχεδόν οποιοδήποτε πρόβλημα μπορεί να λυθεί. Εδώ είναι μόνο τρόποι για να επιτευχθεί ο στόχος, κάθε προγραμματιστής βρίσκει τους δικούς του.</p> <p>Οι έμπειροι δημιουργοί βλέπουν αμέσως πώς να επιτύχουν αποτελέσματα, ενώ άλλοι πρέπει να σκεφτούν, να αναζητήσουν μια απάντηση σε άρθρα ή στον πηγαίο κώδικα των ανταγωνιστών. Απλώς παίρνουν το απαραίτητο μέρος σε έναν ιστότοπο τρίτων και το επεξεργάζονται μόνοι τους. Αυτό συντομεύει σημαντικά τη διαδικασία εργασίας.</p> <p>Λίγο αργότερα, θα σας δείξω <a href="https://bakep.ru/el/zarabatyvayut-li-bloggery-na-yutube-i-skolko-skolko-mozhno-zarabotat-na.html">συγκεκριμένο παράδειγμα</a>.</p> <h2>Προβολή κώδικα</h2> <p>Λοιπόν, επιτρέψτε μου πρώτα να σας δείξω πώς να προχωρήσετε εάν θέλετε να μάθετε το html κάποιου άλλου. Στη συνέχεια θα ρίξουμε μια πιο προσεκτική ματιά σε όλα τα άλλα θέματα.</p> <h3><span>Ο καλύτερος τρόπος</span></h3> <p>Η μέθοδος που θα περιγράψω πρώτα είναι λίγο περίπλοκη για αρχάριους, αλλά ως εισαγωγή, διαβάστε παρακάτω. Ανοίξτε τη σελίδα και κάντε κλικ στο δεξί κουμπί του ποντικιού. Επιλέξτε "Αποθήκευση ως..."</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-1-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Αποθηκεύστε ολόκληρη την ιστοσελίδα. Όπως μπορείτε να δείτε στο στιγμιότυπο οθόνης, έχω ήδη κατεβάσει τα πάντα εκ των προτέρων. Εδώ έχουμε δύο φακέλους.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-2-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Όλα όσα χρειάζεστε είναι εδώ. Κάθε στοιχείο. Εάν το καταλαβαίνετε αυτό, μπορείτε να αποκτήσετε γρήγορα όλα όσα χρειάζεστε. Όμως, ένα τέτοιο έργο γίνεται όλο και πιο αδύνατο. Η λήψη δεν πραγματοποιείται. Τι να κάνετε εάν απαγορεύεται η αντιγραφή της σελίδας;</p> <h3><span>Είναι google chrome</span></h3> <p>Όπως ίσως έχετε παρατηρήσει, χρησιμοποιώ πιο συχνά <a href="https://bakep.ru/el/google-chrome-which-version-to-choose-how-to-know-the-version-of-chrome-step-by-step-instructions.html">Google Chrome</a>και μάθετε τον κώδικα κάποιου άλλου σε αυτό το πρόγραμμα περιήγησης τόσο εύκολα όσο το ξεφλούδισμα αχλαδιών. Όπως κατ' αρχήν και σε κάθε άλλο. Το σχέδιο δεν θα είναι παρόμοιο, αλλά πανομοιότυπο. Ανοίγουμε τη σελίδα της οποίας τον κωδικό θέλουμε να μάθουμε και κάνουμε κλικ οπουδήποτε με το δεξί κουμπί του ποντικιού. Στο παράθυρο που εμφανίζεται, κάντε κλικ στο "Προβολή κώδικα σελίδας".</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_3-40.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ένα φύλλο κώδικα θα ανοίξει σε ένα νέο παράθυρο, το οποίο είναι αρκετά δύσκολο για έναν αρχάριο να καταλάβει. Αλλά, μην φοβάστε εκ των προτέρων.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_4-36.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Εάν πρέπει να γνωρίζετε τον κωδικό ενός μόνο στοιχείου, απλώς τοποθετήστε τον δείκτη του ποντικιού πάνω του με το ποντίκι και κάντε δεξί κλικ. Επιλέγουμε μια άλλη συνάρτηση chrome: "Προβολή κωδικού στοιχείου".</p> <p>Για παράδειγμα, μπορεί να με ενδιαφέρει πώς κατασκευάστηκε το λογότυπο, χρησιμοποιώντας μια εικόνα ή μια γλώσσα προγραμματισμού; Μετά από όλα, μπορείτε να σχεδιάσετε ένα τετράγωνο με <a href="https://bakep.ru/el/how-to-align-the-right-edge-of-the-html-align-text-with-padding-css.html">css βοήθεια</a>. Πολλοί ειδικοί συμβουλεύουν να γράψετε όσο το δυνατόν περισσότερες πληροφορίες σε κώδικα. Και πώς λειτουργούν οι δημοφιλείς ιστότοποι;</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_5-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Εδώ είναι οι πληροφορίες που χρειάζεστε. Επάνω html, κάτω css. Αυτές είναι δύο γλώσσες. Το πρώτο είναι υπεύθυνο για το στοιχείο κειμένου και το δεύτερο για το σχέδιο. Εάν δεν υπήρχε css, τότε θα έπρεπε να ορίζετε το χρώμα, το μέγεθος της γραμματοσειράς κάθε φορά. Για κάθε σελίδα, είναι πολύ μεγάλη. Αλλά αν δεν υπήρχε html, τότε δεν θα είχαμε κείμενα. Περίπου εξηγείται, αλλά γενικά, όλα είναι έτσι.</p> <p>Παρεμπιπτόντως, εάν ενδιαφέρεστε για το πώς λειτουργεί εδώ, μπορείτε να δείτε τον σύνδεσμο στην παρακάτω εικόνα. Εδώ είναι η απάντησή σας.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_6-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Mozilla Firefox</h3> <p>Εάν σας αρέσει να εργάζεστε σε ένα ρύγχος, τότε όλα θα είναι ακριβώς τα ίδια. Ανοίξτε τη σελίδα και κάντε κλικ στο δεξί κουμπί του ποντικιού. "Πηγαίος κώδικας σελίδας" εάν θέλετε να δείτε ολόκληρο τον κώδικα.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_7-32.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Όταν τοποθετείτε το δείκτη του ποντικιού πάνω από ένα στοιχείο, μπορείτε να ανοίξετε τον κώδικά του.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_8-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Εδώ τα δεδομένα εμφανίζονται στο κάτω μέρος της οθόνης, αλλά όλα τα άλλα είναι ακριβώς τα ίδια.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_9-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Το πρόγραμμα περιήγησης Yandex</h3> <p>Στο πρόγραμμα περιήγησης Yandex, όλα είναι ακριβώς τα ίδια όπως στις δύο προηγούμενες επιλογές, ανοίξτε τη σελίδα, κάντε δεξί κλικ, δείτε τον κώδικα της σελίδας.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_10-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Τοποθετούμε το δείκτη του ποντικιού πάνω από το στοιχείο αν θέλουμε να μάθουμε ακριβώς τον κωδικό του.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_11-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Όλα εμφανίζονται εδώ με τον ίδιο τρόπο όπως στο chrome.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_12-25.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>ΛΥΡΙΚΗ ΣΚΗΝΗ</h3> <p>Και τέλος, Όπερα.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_13-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Παρεμπιπτόντως, ίσως έχετε παρατηρήσει ότι δεν είναι απαραίτητο να χρησιμοποιήσετε το ποντίκι. Για να ανοίξετε τον κώδικα, υπάρχει μια γρήγορη συντόμευση πληκτρολογίου και για όλα τα προγράμματα περιήγησης είναι η ίδια: <b>CTRL+U</b>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_14-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Για στοιχεία: Ctrl+Shift+C.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_15-22.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Έτσι φαίνεται το αποτέλεσμα.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_16-23.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h2><span>Θα είναι ενδιαφέρον για αρχάριους</span></h2> <p>Τώρα δείτε πώς λειτουργούν όλα. Βρίσκεις έναν ιστότοπο και σου αρέσει πολύ κάποιο στοιχείο. Για παράδειγμα, αυτό. Ξέρετε ήδη πώς να ανοίξετε τον κωδικό στοιχείου.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_17-20.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Τώρα αντιγράψτε το.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_18-19.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Χρησιμοποιώ , επικολλώ αυτόν τον κώδικα σε ένα νέο αρχείο html, στην ετικέτα body (body στα Αγγλικά).</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_19-18.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Τώρα ας δούμε πώς φαίνονται όλα στο πρόγραμμα περιήγησης.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_20-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ετοιμος. Για να ευθυγραμμιστεί το κείμενο στις άκρες και να αποκτήσει ένα πρασινωπό χρώμα, πρέπει να συνδέσετε το css σε αυτό το έγγραφο και να αντιγράψετε έναν ακόμη κώδικα από τον ιστότοπο από τον οποίο κλέψαμε αυτόν.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_21-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Τώρα δεν θα το κάνω. Χρειάζεται περισσότερος χρόνος: και δικός μου και δικός σου. Νομίζω ότι θα περιγράψω όλες τις λεπτομέρειες σε μελλοντικές δημοσιεύσεις μου. Εγγραφείτε στο ενημερωτικό δελτίο και μάθετε πρώτοι πότε εμφανίζεται ένα άρθρο.</p> <p>Αν δεν το αντέχετε, αλλά θέλετε να μάθετε περισσότερα για την html και το css αυτή τη στιγμή, τότε μπορώ παραδοσιακά να σας προτείνω δωρεάν μαθήματα κατάρτισης.</p> <p>Εδώ είναι 33 μαθήματα που θα σας επιτρέψουν να κυριαρχήσετε την html - <i><b><span>"Δωρεάν μάθημα HTML"</span> </b> </i>.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_22-16-537x476.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Και εδώ είναι οι πλήρεις πληροφορίες για το css - <i><b><span>"Δωρεάν μάθημα CSS (45 μαθήματα βίντεο!)"</span> </b> </i>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_23-15.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Τώρα ξέρεις λίγα περισσότερα. Σας εύχομαι καλή επιτυχία στις προσπάθειές σας. Τα λέμε σύντομα!</p> <p><a href="https://bakep.ru/el/firefox-falls-several-times-a-day-how-to-get-rid-of-brakes-in-mozilla-firefox.html">Mozilla Firefox</a>αναπτύξτε την ενότητα μενού "Προβολή" και κάντε κλικ στο στοιχείο " Πηγαίος κώδικας». Το ίδιο αντικείμενο είναι μέσα <a href="https://bakep.ru/el/why-on-the-desktop-are-large-icons-how-to-make-big-icons.html">κατάλογος συμφραζόμενων</a>, που συμβαίνει όταν κάνετε δεξί κλικ στο κείμενο της σελίδας. Μπορείτε επίσης να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου CTRL + U. Το Mozilla FireFox δεν χρησιμοποιεί εξωτερικά προγράμματα - ο πηγαίος κώδικας της σελίδας με επισήμανση σύνταξης θα ανοίξει σε ξεχωριστό παράθυρο του προγράμματος περιήγησης.</p> <p>Στον Internet Explorer, κάντε κλικ στο μενού Αρχείο και επιλέξτε Επεξεργασία στο Σημειωματάριο. Αντί για το όνομα Σημειωματάριο, μπορεί να γραφτεί ένα άλλο, που έχετε ορίσει στις ρυθμίσεις του προγράμματος περιήγησής σας για να δείτε τον πηγαίο κώδικα. Κάνοντας δεξί κλικ σε μια σελίδα, εμφανίζεται ένα μενού περιβάλλοντος, το οποίο έχει επίσης ένα στοιχείο που σας επιτρέπει να ανοίξετε τον πηγαίο κώδικα της σελίδας σε ένα εξωτερικό πρόγραμμα - "Προβολή κώδικα HTML".</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy loading=lazy></p> <p>ΣΤΟ <a href="https://bakep.ru/el/how-to-add-an-express-panel-in-chrome-transferring-bookmarks-from-the-opera-browser.html">Πρόγραμμα περιήγησης Opera</a>ανοίξτε το μενού, μεταβείτε στην ενότητα "Σελίδα" και θα έχετε την ευκαιρία να επιλέξετε το στοιχείο "Πηγαίος κώδικας" ή το στοιχείο "Πηγαίος κώδικας πλαισίου" στην υποενότητα "Εργαλεία ανάπτυξης". Τα πλήκτρα πρόσβασης CTRL+U και CTRL+SHIFT+U αντιστοιχίζονται σε αυτήν την επιλογή, αντίστοιχα. Το μενού περιβάλλοντος που σχετίζεται με το δεξί κλικ στη σελίδα έχει επίσης μια επιλογή Πηγαίος κώδικας. Η Opera ανοίγει την πηγή της σελίδας σε ένα εξωτερικό πρόγραμμα που έχει εκχωρηθεί στις ρυθμίσεις του λειτουργικού συστήματος ή του προγράμματος περιήγησης για την επεξεργασία αρχείων HTML.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy loading=lazy></p> <p><a href="https://bakep.ru/el/required-settings-in-google-chrome-the-most-important-settings-for-the-google-chrome-browser.html">Google Browser</a>Το Chrome έχει αναμφίβολα την καλύτερη οργάνωση για την προβολή του πηγαίου κώδικα. Κάνοντας δεξί κλικ σε μια σελίδα, μπορείτε να επιλέξετε "Προβολή προέλευσης σελίδας" και στη συνέχεια ο πηγαίος κώδικας με επισήμανση σύνταξης θα ανοίξει σε ξεχωριστή καρτέλα. Ή μπορείτε να επιλέξετε τη γραμμή "Προβολή κωδικού στοιχείου" στο ίδιο μενού και το πρόγραμμα περιήγησης στην ίδια καρτέλα θα ανοίξει δύο επιπλέον πλαίσια στα οποία μπορείτε να επιθεωρήσετε τον κώδικα HTML και CSS οποιουδήποτε στοιχείου σελίδας. Το πρόγραμμα περιήγησης θα αντιδράσει στη μετακίνηση του δρομέα πάνω από γραμμές κώδικα, επισημαίνοντας τα στοιχεία στη σελίδα που αντιστοιχούν σε αυτό το τμήμα του κώδικα HTML.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy loading=lazy></p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" content="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Как быстро открыть код страницы в браузере, даже если копирование запрещено. Распаковка и расшифровка скриптов JavaScript Как расшифровать html код страницы"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i2.wp.com/manhunter.ru/upload/1a/87/1a870b5012697202749e9805fa585605.jpg"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">ΣΧΕΤΙΚΑ ΑΡΘΡΑ</span></h4> <div class="ads-border"> <div class="ads-content"> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Χρήσιμος</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Διαφήμιση</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Νέος</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumias.ru/wp-content/uploads/2013/03/lum620tips1.jpg" alt="Εγγραφείτε στα νέα G ανταγωνιστές iPhone" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" title="Εγγραφείτε στα νέα G ανταγωνιστές iPhone" rel="bookmark">Εγγραφείτε στα νέα G ανταγωνιστές iPhone</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/help-wifi.com/wp-content/uploads/2017/05/22-05-2017-9-54-36.jpg" alt="VPN για προγράμματα περιήγησης σε Android και υπολογιστή: Λήψη και ενεργοποίηση του Browsec VPN για Google Chrome - εγκατάσταση και διαμόρφωση" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" title="VPN για προγράμματα περιήγησης σε Android και υπολογιστή: Λήψη και ενεργοποίηση του Browsec VPN για Google Chrome - εγκατάσταση και διαμόρφωση" rel="bookmark">VPN για προγράμματα περιήγησης σε Android και υπολογιστή: Λήψη και ενεργοποίηση του Browsec VPN για Google Chrome - εγκατάσταση και διαμόρφωση</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumpics.ru/wp-content/uploads/2018/01/Uvelichenie-znachkov-rabochego-stola-s-ispolzovaniem-tachpada.png" alt="Επαναφορά συντομεύσεων επιφάνειας εργασίας" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" title="Επαναφορά συντομεύσεων επιφάνειας εργασίας" rel="bookmark">Επαναφορά συντομεύσεων επιφάνειας εργασίας</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/xn--80aaakxpne3ahl.xn--p1ai/wp-content/uploads/2018/08/Zakrytyj-akkaunt-v-Instagram.jpg" alt="Πώς να βρείτε ένα άτομο στο Instagram χωρίς εγγραφή Προβολή λογαριασμού Instagram χωρίς εγγραφή" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" title="Πώς να βρείτε ένα άτομο στο Instagram χωρίς εγγραφή Προβολή λογαριασμού Instagram χωρίς εγγραφή" rel="bookmark">Πώς να βρείτε ένα άτομο στο Instagram χωρίς εγγραφή Προβολή λογαριασμού Instagram χωρίς εγγραφή</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/all-freeload.net/images/programs/screenshot/internet/utility-k-brauzeram/frigate-1__270x132.png" alt="Αποκτήστε πρόσβαση σε αποκλεισμένους πόρους στο Google Chrome χρησιμοποιώντας τη δωρεάν επέκταση friGate Frigate για firefox open web" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" title="Αποκτήστε πρόσβαση σε αποκλεισμένους πόρους στο Google Chrome χρησιμοποιώντας τη δωρεάν επέκταση friGate Frigate για firefox open web" rel="bookmark">Αποκτήστε πρόσβαση σε αποκλεισμένους πόρους στο Google Chrome χρησιμοποιώντας τη δωρεάν επέκταση friGate Frigate για firefox open web</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/smartbobr.ru/wp-content/uploads/2018/01/placeholder.jpg" alt="Αναθεώρηση MiniX Neo X7: Ισχυροί μικροϋπολογιστές Android Mini PC Android" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" title="Αναθεώρηση MiniX Neo X7: Ισχυροί μικροϋπολογιστές Android Mini PC Android" rel="bookmark">Αναθεώρηση MiniX Neo X7: Ισχυροί μικροϋπολογιστές Android Mini PC Android</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/pdalife.info/uploads/p/3q5pet/22.jpg" alt="Είναι δυνατή η επαναφορά του iOS 8.4 1. Πώς να επαναφέρετε την έκδοση IOS σε iPhone, iPad. Αποθήκευση σημαντικών δεδομένων" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" title="Είναι δυνατή η επαναφορά του iOS 8.4 1. Πώς να επαναφέρετε την έκδοση IOS σε iPhone, iPad. Αποθήκευση σημαντικών δεδομένων" rel="bookmark">Είναι δυνατή η επαναφορά του iOS 8.4 1. Πώς να επαναφέρετε την έκδοση IOS σε iPhone, iPad. Αποθήκευση σημαντικών δεδομένων</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/selftrue.ru/wp-content/uploads/Thoisoi.jpg" alt="Μόνο το πιο χρήσιμο και ενδιαφέρον!" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" title="Μόνο το πιο χρήσιμο και ενδιαφέρον!" rel="bookmark">Μόνο το πιο χρήσιμο και ενδιαφέρον!</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/el/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/gravatar.com/avatar/112fdf7a8fe3609e7af2cd3873b5c6bd?size=50&default=http%3A%2F%2Fdemo.tutorialzine.com%2F2010%2F06%2Fsimple-ajax-commenting-system%2Fimg%2Fdefault_avatar.gif" alt="Απλό σύστημα σχολιασμού με χρήση AJAX" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/el/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" title="Απλό σύστημα σχολιασμού με χρήση AJAX" rel="bookmark">Απλό σύστημα σχολιασμού με χρήση AJAX</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="https://bakep.ru/el/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Συμβουλές υπολογιστή για αρχάριους χρήστες" title="Συμβουλές υπολογιστή για αρχάριους χρήστες" / loading=lazy loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p>© Συμβουλές υπολογιστή για αρχάριους, 2023</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://bakep.ru/el/feedback.html">Ανατροφοδότηση</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://bakep.ru/el/sitemap.xml">Χάρτης τοποθεσίας</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">Σχετικά με τον ιστότοπο</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>