በኤስኤስ ሲ አገናኞች እንዴት እንደሚገለፁ

አገናኞች በድረ-ገፆች ላይ በጣም የተለመዱ ናቸው, ነገር ግን ብዙ የድር ዲዛይነሮች ከሲ.ኤስ.ኤል ጋር ያላቸውን ሀይል አይገነዘቡም. ከተጎበኙ, በማንዣበት እና ንቁ ከሆኑ ግዛቶች ጋር ያሉ አገናኞችን መግለጽ ይችላሉ. አገናኞችዎ የበለጠ ፒዛዛዝ እንዲሰጡ ወይም እንደ አዝራሮች ወይም ምስሎችን እንዲመስሉ ለማድረግ ከድንበር እና ዳራዎች ጋር መስራት ይችላሉ.

ብዙ የድር ዲዛይነሮች በ «አንድ» መለያ ላይ ቅጥን በመግለጽ ይጀምራሉ-

{{ቀለም: ቀይ; }

ይሄ ሁሉንም የአገናኝ ገጽታዎች ( ቅጥያ , የጎበኘ እና ንቁ) ያደርገዋል. እያንዳንዱን ክፍል በተናጠል ለመቁጠር, የአገናኙን-የዘንግ ቁልፎችን መጠቀም አለብዎት.

የተደላደ-ክፍለ-ገጾችን አገናኝ

እርስዎ ሊገልጹ የሚችሏቸው መሰረታዊ የቡድን ዘዴዎች አራት ዋና ዋና ዓይነቶች አሉ.

• : link - ለእዚህ አገናኝ ነባሪ ቅጥ ነው
• : ጎብኝተው - አንድ አገናኝ ከተጫነ በኋላ
• : አንዣብ - መዳፊት በአገናኝ ላይ ተኝቷል (ቅድመ-ጠቅታ)
• : ገባሪ - አገናኙ በሚጫንበት ወቅት ልክ እንደ ቀኝ

አገናኙን ስም (pseudo-class) ለመወሰን በ CSS መራጭዎ ውስጥ ካለው መለያ ጋር ይጠቀሙበት. ስለዚህ, ሁሉም አገናኞችዎ ወደ ግራጫ ቀለም ለመጎተት, የሚከተለውን ይጻፉ:

a: visited {ቀለም: ግራጫ; }

አንድ አገናኝ አጻጻፍ ቅጥ (pseudo-class) ካቀረብካቸው, ሁሉንም ለመምሰል ጥሩ ሐሳብ ነው. በዚህ መንገድ ሌሎች ተጨማሪ ውጤቶች አይታዩም. ስለዚህ የተጎበኘውን ቀለም ወደ ግራጫ ለመለወጥ ከፈለጉ የአገናኞችዎ ሌሎች ሁሉም የአመንግሮች ባህሪዎች ጥቁር ሆነው ሳለ ጥቆማ ይሰጡዎታል.

a: link, a: hover, a: active {color: black; } a: የተጎበኘ {ቀለም: ግራጫ; }

የአገናኝ ቀለሞችን ይቀይሩ

አገናኞቹ ወደ አጻጻፍ ስልት በጣም ታዋቂው መንገድ መዳሱ ሲያርፍበት ቀለሙን መቀየር ነው:

{color: # 00f; } a: አንዣብ {ቀለም: # 0f0; }

ነገር ግን አገናኙ በሚከተለው ላይ በሚጫኑበት ጊዜ እንዴት እንደሚጎዳው ተጽዕኖ አይድርጉ. ንቁ የሆነ ንብረት:

{color: # 00f; } ንቁ: {ቀለም: # f00; }

ወይም በሚጎበኙት ንብረት ላይ ከጎበኘኸው በኋላ አገናኝህ እንዴት ይመለከተዋል: የተጎበኘ ንብረት:

{color: # 00f; } a: visited {ቀለም: # f0f; }

ሁሉንም አንድ ላይ ለማድረግ:

{color: # 00f; } a: visited {ቀለም: # f0f; } a: አንዣብ {ቀለም: # 0f0; } ንቁ: {ቀለም: # f00; }

በአይገናኛዎች ላይ ምስሎችን ወይም አምፖሎችን አዶዎችን ያስቀምጡ

በስታይስጀር የአጀርባ የጀርባ ጽሑፍ ላይ እንደ አንድ የጀርባ ምስል ማስቀመጥ ይችላሉ, ነገር ግን ከበስተጀርባ ትንሽ በመጫወት የተገናኘ አዶን መፍጠር ይችላሉ. የእርስዎ ጽሑፍ በጣም ትልቅ ካልሆነ በስተቀር ትንሽ የሆነ 15 ፒክስል በ 15 ፒክስል መጠን ይምረጡ. የጀርባውን ወደ አንዱ የአገናኝ ጎን ያስቀምጡ እና ድግግሞሹን እንዳይደገም ያድርጉ. ከዚያም አገናኙን አዙረው በአገናኝ ውስጥ ያለው ጽሑፍ በስተግራ በኩል ወደ ቀኝ ወይም ወደ ቀኝ ተንቀሳቅሶ አዶውን ለማየት ያስችላል.

{padding: 0 2px 1px 15px; በስተጀርባ: #fff url (ball.gif) left center no-repeat; ቀለም # c00; }

አዶዎን ካገኙ በኋላ አዶው, ንቁ, እና የጎበኟቸው አዶዎች አገናኙን ለመቀየር ሌላ ምስል ማዘጋጀት ይችላሉ:

{padding: 0 2px 1px 15px; በስተጀርባ: #fff url (ball.gif) left center no-repeat; ቀለም # c00; } a: hover {background: #fff url (ball2.gif) left center no-repeat; } ንቁ; {background: #fff url (ball3.gif) left center no-repeat; }

አገናኞችዎ እንደ አዝራሮች ይመልከቱ

አዝራሮች በጣም ታዋቂዎች ናቸው, ነገር ግን እስክሪፕቶ እስከሚፈቅደው ድረስ ምስሎችን በመጠቀም ምስሎችን በመጠቀም መፍጠር አለብዎት, ይህም ገጾችዎ ረዘም ላለ ጊዜ እንዲራዘም ያደርጉታል. እንደ ዕድል ሆኖ, በሲኤስሲ በቀላሉ አዝራርን የመፍጠር ስራ እንዲፈጥሩ የሚያግዝ የቅጥ ጽሁፍ ሁኔታ አለ.

{border: 4px start; ማሸጊያ: 2px; ጽሑፍ-ማስገር: ምንም; } ገባሪ {border: 4px inset; }

ያስተውሉ, በመነሻ እና በቀላል ቅጦች ላይ ቀለሞችን ሲያቀርቡ, አሳሾች ልክ እርስዎ ሊጠብቁት የሚችሉት ያህል የመታደግ ዕድላቸው የላቸውም. ስለዚህ, በቀለማት የተሞሉ ድንበሮች አዝራሩ ይኸውና:

{border-style: ጠንካራ; የጠርዝ ስፋት-ወርድ-1px 4px 4px 1px; ጽሑፍ-ማስገር: ምንም; ድብድብ: 4 ፒክስል; ክፈፍ-ቀለም: # 69f # 00f # 00f # 69f; }

እንዲሁም የአዝራር አዝራርን አንዣብ እና ገባሪ አሠራሮች በተጨማሪ ተጽዕኖ ሊያሳርፉ ይችላሉ, እነዚህን እነኚህን የውሸት ክፍሎችን ብቻ ይጠቀሙባቸው:

a: link {border-style: solid; የጠርዝ ስፋት-ወርድ-1px 4px 4px 1px; ጽሑፍ-ማስገር: ምንም; ድብድብ: 4 ፒክስል; ክፈፍ-ቀለም: # 69f # 00f # 00f # 69f; } a: አንዣብ {border-color: #ccc; }