Պիտակներ, որոնք նախատեսված են ծրագրի կոդի մասերը ցուցադրելու համար: Հուշագիր BB-կոդերի օգտագործման վերաբերյալ (bbCode): Կոդի ձևավորման սցենարի միացում
Ներածություն
bbCode — Տեղեկատվական տախտակի կոդը կամ նշագրման լեզու, որն օգտագործվում է բազմաթիվ տեղեկագրերի տախտակների (BBS) և ֆորումների հաղորդագրությունների ձևաչափման համար: Տեքստի ֆորմատավորումն օգտագործում է HTML պիտակների նման պիտակներ: Ի տարբերություն HTML թեգերի, bbCode թեգերը փակցված են քառակուսի փակագծերում: Նախքան էջը ցուցադրելը, ֆորումի շարժիչը վերլուծում է տեքստը և փոխակերպում bbCode-ը HTML կոդի:
Շատ ֆորումներում BB կոդերի օգտագործման հնարավորությունը կարգավորվում է ադմինիստրատորի կողմից առանձին ֆորումի յուրաքանչյուր բաժնի համար: Հետևաբար, նախքան հաղորդագրություններում BB կոդերը օգտագործելը, դուք պետք է համոզվեք, որ դրանք թույլատրված են:
Տառատեսակի ձևավորում
Տեքստի հետ աշխատելու հիմնական թեգերը.
[p] Կանոնավոր նահանջ պարբերություն:
Պարբերություն, որը կարելի է ոճավորել: տեքստը
* Այսուհետ «ոճը» HTML-ում ոճի անալոգն է:
տեքստը նման է HTML-ում
** [p] պիտակներով դուք կարող եք օգտագործել այլ պիտակներ, ինչպիսիք են [b], [i], [s] և այլն:
Տեքստ, որի հատկությունները կարելի է փոխել՝ օգտագործելով ոճը:
Սահմանափակ տարածք, որը կարող է ոճավորվել՝ փոխելու իր հատկությունները (դիրքը, եզրագիծը, լիցքավորումը, բովանդակության հատկությունները և այլն):
* Լռելյայնորեն, տարածքի սահմանները տեսանելի չեն: Մի էջի վրա կարող են լինել միանգամից մի քանի տարածք:
Տեքստի ձևաչափում.
[բ] Կարևոր տեքստ, թավ
[i] Կարևոր տեքստ, շեղագիր
Պարզապես համարձակ
Ուղղակի գրական
[u] Ընդգծված տեքստ
[s] Strikethrough տեքստ - նման է տարբերակին
Նվազեցված տառատեսակ
Տողատակի նշան տեքստի վերևում կամ ցուցիչի տակ
Ջնջված տեքստ
Տառատեսակի չափերը.
13 կետ տառատեսակ
15 կետանոց տառատեսակ
Տառատեսակի չափը 9 պիքսել
Տառատեսակի չափը 12px
Տառատեսակի չափը 15px
Չափս 0
Չափը +1
Չափս +2
Տառատեսակի հնարավոր չափերը (տեսողական գնահատում) մատչելի են:
Վերնագրերը:
Մակարդակ 1 վերնագիր
2-րդ մակարդակի վերնագիր
3-րդ մակարդակի վերնագիր
4-րդ մակարդակի վերնագիր
5-րդ մակարդակի վերնագիր
6-րդ մակարդակի վերնագիր
Տառատեսակներով տեքստի ձևավորում.
Տառատեսակ Comic Sans Ms
Monotype Corsiva տառատեսակ
Tahoma տառատեսակ
Հասանելի են տառատեսակի հնարավոր տարբերակները (անուններ և տեսողական գնահատում):
Գունավոր տեքստի ձևավորում.
կարմիր տեքստ
* Դուք կարող եք օգտագործել ստանդարտ բանավոր նշանակումները գույների համար՝ Կարմիր, Կանաչ, Կապույտ և այլն:
Կապույտ տեքստ
* #0000ff համարը նշանակում է կապույտ գույն RGB գունապնակում:
կապույտ ֆոն
* Ֆոնի գույնը նույնպես կարող է փոխվել:
Կապույտ տեքստ, մոխրագույն ֆոն
Որոշ նախապես սահմանված գույներ.
Սև Սպիտակ Կարմիր Կանաչ Կապույտ Մանուշակագույն Հրակայուն Աղյուս Շագանակագույն ՆարնջագույնԿարմիր MidnightBlue CornflowerBlue
Cyan Yellow Magenta Dark Green DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff
Որոշ գույներ տասնվեցական կոդի մեջ՝ կարմիրի, կանաչի և կապույտի ինտենսիվությունը (RR GG BB).
#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #FF8DC #FA8072 #93000FF #93000000 #93000000 #93000000 #93000000 #990000 #FFA500 #C71585 #8B008B #CC33FF
Հասանելի են գունային գունապնակի և դրանց ծածկագրերի/անվանումների հնարավոր տարբերակները:
Տեքստի հավասարեցում և պարբերության ձևաչափում
Տեքստի հավասարեցում.
Հավասարեցնել տեքստը դեպի ձախ
Ձախ հարթեցում ոճով
Հավասարեցում մի պարբերության մեջ դեպի ձախ
Կենտրոնում տեքստի հավասարեցում
Կենտրոնի համահարթեցում ոճով
Կենտրոնում հավասարեցում պարբերության մեջ
Աջ հավասարեցրեք տեքստը
Աջ հավասարեցրեք ոճին
Պարբերության աջ հավասարեցում
Հիմնավորեք տեքստը երկու կողմից
Հարթեցրեք երկու կողմերում ոճով
Պարբերության հավասարեցում երկու կողմից
* Երկու կողմի տեքստերի հիմնավորումը ցուցադրվում է մեկ տողից երկար տեքստերի համար:
Տողատակերի (մեկնաբանությունների) ձևաչափում պարբերության նահանջով.
[q] Մեջբերում տողում
Մեջբերում հատկություններին համապատասխան
Մեջբերված տեքստը առանձին բլոկում, որը կունենա
ձախ կողմում փոքրիկ նահանջ և հատուկ ձևավորում (ֆորումի ոճ):
Օրինակներ.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Պարբերությունների և տարածքների ձևավորում.
Բարեւ Ձեզ! Այս պարբերությունում առաջին նախադասությունը կլինի «կարմիր» գծից, այսինքն. նահանջված. Ճիշտ այնպես, ինչպես տպագրության մեջ: Ճիշտ է, դա հազվադեպ պրակտիկա է ինտերնետում։ Պարբերությունները պետք է բաժանվեն ընդամենը դատարկ տարածությամբ:
Նախաֆորմատավորված տեքստը պահպանում է նահանջը դեպի ձախ և բառերի միջև, և սահմանում է նահանջը այն ամենի վրա, ինչ դուք նշում եք որպես բացատներ: Զգուշացում. Պիտակը ինքնաբերաբար չի խախտում գիծը:Ցուցակի ձևաչափում
Օգտագործեք կամ պիտակը պարբերակներով ցուցակների համար՝
- Ցուցակի կետերից մեկը
- Մեկ այլ նման առարկա
- Եվս մեկ կետ.
[*] Մեկ այլ նման առարկա
[*] Եվս մեկ միավոր.
Համարակալված ցուցակների համար օգտագործեք պիտակը.
- Ցուցակի կետերից մեկը
- Մեկ այլ նման առարկա
- Եվս մեկ կետ.
[*] Ցանկի կետերից մեկը
[*] Մեկ այլ նման առարկա
[*] Եվս մեկ միավոր.
Փակման պիտակը կամընտիր է.
- Ցուցակի կետերից մեկը
- Մեկ այլ նման առարկա
- Եվս մեկ կետ.
[*] Ցանկի կետերից մեկը
[*] Մեկ այլ նման առարկա
[*] Եվս մեկ միավոր.
Հնարավոր է նաև ուղղակիորեն նշել ցանկի տեսակը.
- համարակալված ցուցակ
- այբբենական ցուցակ
- հռոմեական թվերով համարակալված ցուցակ
Պատկերներ
Http://img.cx/img/primer.jpg - պատկերի տեղադրման օրինակ:
Http://img.cx/img/primer.jpg - ձախ կողմում գտնվող նկարը:
Http://img.cx/img/primer.jpg - նկար աջ կողմում:
* Տրված կոդընման է HTML կոդի.
Http://img.cx/img/primer.jpg - նկարը կենտրոնում:
* Այս կոդը նման է HTML կոդի.
Նմանատիպ պիտակներ անուններով և գործիքների հուշումներով.
Կարևոր. Դուք չեք կարող չակերտներ օգտագործել նկարի վերնագրում:
Http://img.cx/img/primer.jpg - պատկերի տեղադրման օրինակ:
Http://img.cx/img/primer.jpg - ձախ կողմում գտնվող նկարը:
Http://img.cx/img/primer.jpg - նկար աջ կողմում:
Http://img.cx/img/primer.jpg - նկարը կենտրոնում:
Նկարներ նշված չափերով.
Http://img.cx/img/primer.jpg - չափով նկարի օրինակ:
* Այս կոդը նման է HTML կոդի.
Http://img.cx/img/primer.jpg - նկարը ձախ կողմում, չափերով։
Http://img.cx/img/primer.jpg - նկար աջ կողմում, չափերով։
Մեծ պատկերների տեղադրում ոլորման տողերով.
Http://www..jpg — պատկեր ընտրված տարածքում, եթե այն ավելի մեծ է, քան ֆորումում առկա ցուցադրման չափը:
Հասցե - բացեք պատկերը նոր պատուհանում:
* Այս կոդը նման է HTML կոդի.
Հասցե - բացեք պատկերը նույն պատուհանում:
* Այս կոդը նման է HTML կոդի.
Այս բլոգի պահպանման հետ կապված ժամանակ առ ժամանակ ստիպված եմ html բեկորներ տեղադրել կայքում և css կոդը. Նորմալ լուծում իրականացնելու ընթացքում պարզվեց, որ ինչ-ինչ պատճառներով հնարավոր չի եղել ռուսերենով գտնել պատրաստի լուծումների համարժեք նկարագրություն, ուստի ստիպված կլինեք ինքներդ լրացնել բացը։
Սկսենք պարզից.
Ինչպե՞ս տեղադրել html կոդը տեքստի մեջ:
Կայքի տեքստի մեջ մեկ կամ երկու պիտակներ տեղադրելու համար կարող եք օգտագործել html սիմվոլները< для вставки < и символ >մտցնել > so tag
IN html կոդըգրված է նմանԿայքում կոդի մեծ հատվածների տեղադրում:
Ինքնին html կոդը կայքում տեղադրելու համար կան երեք պիտակներ.
ԵՎԵվ
Նշել
Ցույց է տալիս նախապես ձևաչափված տեքստի բլոկն: Այսինքն՝ այն տեքստը, որի մեջ արդեն տեղադրված են բոլոր բացատներն ու գծիկները։ Բրաուզերում լռելյայնորեն պիտակի բովանդակությունըՑուցադրվում է monospace տառատեսակով և բառերի միջև եղած բոլոր բացատներով: Պիտակի մեջԲոլոր բացատները ցուցադրվում են, և բոլոր տողերի ընդմիջումները հաշվի են առնվում (կանխադրված html-ն անտեսում է բազմաթիվ բացատներ՝ դրանք վերածելով մեկի): Տարայի ներսումԴուք կարող եք օգտագործել ցանկացած պիտակ, բացառությամբ հետևյալի. , ,Հաջորդ պիտակն է
հատուկ նախագծված ծրագրային կոդի ցուցադրված ցուցադրման համար: Բրաուզերում լռելյայնորեն պիտակի բովանդակությունը
ցուցադրվում է փոքր մոնոբայնացված տեքստով: Պիտակը հաշվի չի առնում հավելյալ բացատները և տեքստային ընդմիջումները, ինչի հետևանքով պիտակները պետք է օգտագործվեն գիծը կոտրելու համար։
ԵվՆշել
Վավեր չէ html ստանդարտի առումով, սակայն միացված է այս պահինաջակցվում է բոլոր բրաուզերների կողմից: Պիտակը ցուցադրում է բեռնարկղի բովանդակությունը որպես պարզ տեքստ՝ բոլոր բացատներով և գծիկներով: Քանի դեռ պիտակը չի կանոնականացվել, դրա օգտագործումը համարվում է ոչ կոշեր և հերետիկոս: Այս պահին ճիշտ լուծումը պիտակի օգտագործումն է
Ներդրված պիտակներովայն վայրերում, որտեղ դա անհրաժեշտ է. Տեխնիկապես, պիտակը
մենք պետք է փախչենք կոդի բեկորներից, որոնք այս կամ այն պատճառով դուրս են ընկնում պիտակից
Ինչպե՞ս գեղեցիկ ձևավորել html կոդը jquery-ով:
Մենք օգտագործում ենք Snippet սցենարը մեր կայքում: Հատվածը նախատեսված է կոդերի օրինակների տեսողական ձևավորումը պարզեցնելու համար: Սցենարն աշխատում է այսպես.
Div.blog_right h2 ( տառաչափ՝ 24px; գույն՝ #ff9933; լուսանցք՝ ներքև՝ 9px; տող-բարձրություն՝ 44px; տառատեսակ՝ ընտանիք՝ "arial", "verdana", sans-serif, "Lucida Sans"; տառատեսակ -քաշը՝ 100; ծայրամաս՝ 0,83 մ;)
Կոդի ձևավորման սցենարի միացում.
2) Ներառեք js և css ֆայլեր: Բացի այդ, ձեզ անհրաժեշտ կլինի ներառված Jquery գրադարանը:
3) Ստեղծեք սցենարը.
$(document).ready(function()($("pre.htmlCode").snippet("html",(style:"acid")); // Փնտրեք պիտակներ
«htmlCode» // դասով և այս տարրերին կցեք acid ոճը և html մշակումը $("pre.styles").snippet("css",(style:"acid")); // Փնտրում եմ պիտակներ«styles» // դասով և կցեք acid ոճը և CSS մշակումը այս տարրերին $("pre.js").snippet("javascript",(style:"acid")); // Փնտրում եմ պիտակներ«js» դասով // և միացրեք այս տարրերին թթվային ոճը և մշակումը ));4) Սցենարի ավելի բարդ փաստաթղթերը մշակողների կայքում են: Սցենարը կարող է անմիջապես փոխել դիզայնը, ընդգծել կոդերի անհրաժեշտ կտորները շրջանակների մեջ, հանել աղբը և ուտելիք պատրաստել:
Հոսթինգ. Կայքի պատրաստի կաղապարներ. a {text-decoration: none; font-size: 8pt; color: #E0FDAF; }
a: hover {text-decoration: underline; font-size: 8pt; color: #E0FDAF; }
font { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: white; }
b. yellow {color: #FAF294; }
hr {color: #D1D33B; }
hr. bw {color: black; }
font. green { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: #B5FC39; }
font. title { font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: #ffffff; }
font. title1 { font-family: Arial, Tahoma, Helvetica; font-size: 16pt; color: black; }
font. title2 { font-family: Arial, Tahoma, Helvetica; font-size: 20pt; color: #D2A801; }
font. title3 { font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: black; }
font. title4 { font-family: Arial, Tahoma, Helvetica; font-size: 16pt; color: white; }
font. black { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: black; }
font. blackt { font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: #ffffff; }
font. blacklm { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: black; }
font. blacklm2 { font-family: Arial, Tahoma, Helvetica; font-size: 7pt; color: black; }
font. blacklight { font-family: Arial, Tahoma, Helvetica; font-size: 10pt; color: white; }
font. blacklight2 { font-family: Arial, Tahoma, Helvetica; font-size: 10pt; color: black; font-weight: bold }
font. tse { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: #96B495; }
|