IFrames በድር ጣቢያ ዲዛይን ላይ እንዴት እንደሚሰሩ መረዳት
በኤችቲኤምኤልዎ ውስጥ አንድ ነገር ሲጨምሩ , የሲ ኤስ ኤስ ቅጦችን ለማከል ሁለት አጋጣሚዎች አልዎት:
- IFRAME ን እራስዎ መደርደር ይችላሉ.
- በ IFRAME ውስጥ ያለውን ገጽ (በውጫዊ ሁኔታዎች) ውስጥ ቅጥ ሊሰጡት ይችላሉ.
IFRAME Element ለመለወጥ የሲ ኤስ ኤስ በመጠቀም
Iframesህን ስታሸብር በመጀመሪያ ልትመለከተው የሚገባው ነገር IFRAME ነው. አብዛኛዎቹ ማሰሻዎች ብዙ አጫጭር ቅጦች የሌሉባቸውን iframes ያካትታሉ, እስካሁን ድረስ እነሱን ወጥነት ለማጣጣም አንዳንድ ቅጦችን ማከል ጥሩ ሀሳብ ነው.
እኔ በሲትራሜዎቼ ላይ ሁልጊዜ የሚያክሏቸው የሲኤስኤስ ቅጦች እዚህ አሉ:
- ኅዳግ: 0;
- ማጣበቂያ: 0;
- ድንበር: ምንም;
- ወርድ: ዋጋ ;
- ቁመት: ዋጋ ;
ከእኔ ስፋትና ቁመት ጋር በሰነዶዬ ውስጥ ከሚመጣው መጠን ጋር ተዘጋጅቷል. ምንም አይነት ቅጦች የሌለባቸው እና አንድ መሰረታዊ ነገሮች ከቀረጻ ጋር የሚመሳሰሉ ክፈፎች ምሳሌዎች እዚህ አሉ. እንደምታይ እዚህ ዓይነቶች ቅጦች ብዙውን ጊዜ በ
ኤች ቲ ኤም 5 የሽፋኑን ንብረቱን እንዲጠቀሙበት እንዲያመላክቱ ያዛል, ነገር ግን ይህ አስተማማኝ አይደለም. ስለዚህ የመሸብለል አሞሌዎቹን ለማስወገድ ወይም ለመቀየር ከፈለጉ, iframe በሚለው የሽብልት መገለጫዎ ላይም መጠቀም አለብዎት. የማሸብለል ባህሪን ለመጠቀም, እንደማንኛውም ሌላ መለያ, እና ከሶስቱ እሴቶች ውስጥ አንዱን ይምረጡ, አዎ, አይ, ወይም ራስ መሙላት. አዎን አሳሾች እንኳን አስፈላጊ ባይሆኑም እንኳን ሁልጊዜ የመሸብለለ ክፍሎችን እንዲያካትቱ አሳሹ ይነግረዋል. ምንም እንኳን አልፈልግም ቢሉ ወይም ባይፈልጉ ሁሉንም ሽብለሎች እንዲወገዱ አይፈቀድም.
ራስ ነባሪ ሲሆን ነካሳዎቹ መሸጫዎች ሲያስፈልጉ እና በማይፈልጉበት ጊዜ ያስወግዳቸዋል.
በማሸብለል ባህሪ እንዴት ማሸብለል ማቆም እንደሚቻል እዚህ አለ
scrolling = "no" em>
ይህ
ማሸብለሉን በኤች ቲ ኤም ኤ 5 ውስጥ ለማጥፋት, የትርፍ ፍሰት ንብረትን መጠቀም አለብዎት. ነገር ግን በእነዚህ ምሳሌዎች ውስጥ እንደሚታየው እስካሁን ድረስ በሁሉም አሳሾች ላይ በአግባቡ አይሰራም.
በመጥለቅያ መሬቱ ላይ ሁልጊዜ በማሸብለል እንዴት እንደሚሸፈኑ እነሆ-
style = "overflow: scroll;" em>
ይህ
በማሸብለል ንብረት ላይ ሙሉውን ጥቅልል ሙሉ በሙሉ ማጥፋት አይቻልም .
ብዙ ንድፍፊዎች የየፍላጎቻቸው ገጹ በስተጀርባ ካለው ገጽታ ጋር እንዲዋሃድ ይፈልጋሉ ምክንያቱም አንባቢዎች በፍለጋው ውስጥ እንኳን. ግን እንዲታዩ ለማድረግ ቅጦችን ማከል ይችላሉ. Iframe በቀላሉ ሲገኝ በቀላሉ ክፈፎችን ማስተካከል ቀላል ነው. ጠርዞቹን ለመቁጠር የጠርዝ ቅጥ ባህሪ (ወይም ተያያዥ የጠረፍ-ጫፍ, ጠርዝ-ቀኝ, ጠርዝ-ግራ, እና ጠርዝ-ታች ባህሪያትን) ብቻ ይጠቀሙ.
iframe {
ዳርቻ-ላይ: # c00 1px dotted;
ክፈፍ በስተቀኝ: # c00 2px dotted;
ክፈፍ-ግራ: # c00 2px dotted;
ከታች-ታች: # c00 4px dotted;
}
ነገር ግን ለትልክቶችዎ በማሸብለል እና በጣራዎች ማቆም የለብዎትም. ብዙ የ CSS ባህሪያት በ iframe ላይ ሊተገበሩ ይችላሉ. ይህ ምሳሌ በሶክሪት ውስጥ አንድን ጥላ, ክብ የተጠላለፉ ጠርዞችንና 20 ዲግሪውን እንዲያሽከረክር በ CSS3 ቅጦች ይጠቀማል.
iframe {
ኅዳግ-ላይ: 20 ፒክስል;
ህዳግ በታች: 30 ፒክሰል;
-ሞዝ-ድንበር-ራዲየስ: 12px;
-ዌብ-ኪት-ድንበር-ራዲየስ: 12px;
የጠርዝ-ራዲየስ: 12 ፒክሰል;
-moz-box-shadow: 4px 4px 14px # 000;
-webkit-box-shadow: 4px 4px 14px # 000;
ሳጥን-ጥላ: 4px 4px 14px # 000;
-moz-transform: rotate (20deg);
-webkit-transform: rotate (20deg);
-o-transform: rotate (20deg);
-ms-transform: rotate (20deg);
ማጣሪያ: ፕሮጅክት: DXImageTransform.Microsoft.BasicImage (rotation = .2);
}
Iframe ይዘትን መምረጥ
የአንድፍሬም ይዘቶች መፈተሽ ማንኛውም ሌላ ድረ-ገጽ እንዳላቸው ማስመሰል ነው. ነገር ግን, ገጹን ለማርትዕ መዳረሻ አለዎት . ገጹን ማርትዕ ካልቻሉ (ለምሳሌ, በሌላ ጣቢያ ላይ ነው).
ገጹን ማርትዕ ከቻሉ, በጣቢያዎ ላይ ማንኛውንም ሌላ ድረ-ገጽ እንደሚያደርጉ ሁሉ በሰነዱ ላይ የውጫዊ ቅጥ ቅጥ ወይም ቅጥዎችን መጨመር ይችላሉ.