หุ่นยนต์
การเลือกนี้ได้เพิ่มเทมเพลตสำหรับอาชีพต่างๆ แต่ส่วนใหญ่จะประเมินหัวข้อของโปรแกรม นักออกแบบเว็บไซต์ หรือนักออกแบบเลย์เอาต์ เนื่องจากการออกแบบและโครงสร้างของงานมีความเหมาะสมสำหรับพวกเขาเองมากกว่า
ก่อนหน้านี้เราได้เผยแพร่เทมเพลตเพิ่มเติมสำหรับการสร้างพอร์ตโฟลิโอแล้ว
ตัวอย่างเช่น:ทำความสะอาด
มืออาชีพ สะอาดตาสำหรับสร้างแฟ้มสะสมผลงานส่วนตัว และหน้าพิเศษของนิตยสารบนเว็บอิสระ
เหมาะอย่างยิ่งสำหรับนักออกแบบ นักออกแบบเลย์เอาต์ และโปรแกรมเมอร์ เทมเพลตสามารถปรับเปลี่ยนได้อย่างสมบูรณ์ โดยจะมีภาพเคลื่อนไหวของลักษณะที่ปรากฏขององค์ประกอบเมื่อเลื่อนด้วยโค้ดที่ถูกต้องผลงานของกอร์โกสะอาด สะอาด และมีสไตล์
เทมเพลตพอร์ตโฟลิโอของนักออกแบบ
- Vikonaniy ในสไตล์มินิมอลลิสต์ นอกจากนี้ยังมีเมนูหน้าจอใหม่ที่ดีอีกด้วยตาข่ายที่มีก้นของหุ่นยนต์แตกออกด้านหลังก้นของหมากรุกหญิงเพื่อให้เงียบยิ่งขึ้นเศษชิ้นส่วนจึงเป็นเทรนด์ด้านข้างของหุ่นยนต์ทำให้ฉันประทับใจมากขึ้นไปอีก บางทีอาจเป็นจากส่วนสาธิต
หากต้องการเน้นการออกแบบทั้งหมดเป็นองค์ประกอบพิเศษโปรดสังเกตการออกแบบที่ชัดเจนของงาน ลิเธียมเทมเพลตที่ปรับเปลี่ยนได้อย่างมีสไตล์โดยไม่มีค่าใช้จ่ายแบน
ซึ่งเหมาะสำหรับฟรีแลนซ์ทุกคน ไม่ว่าจะเป็นนักเขียนเว็บหรือช่างภาพ เนื่องจากสถานีมีทั้งพอร์ตโฟลิโอพร้อมตัวกรองสำหรับหมวดหมู่งานและแกลเลอรีรูปภาพ
บรั่นดี เหนือสะพานอีกแห่งหนึ่งเทมเพลตที่ชัดเจนสำหรับการสร้างพอร์ตโฟลิโอพิเศษ- มีสารพัดมากมายที่เราชอบมาก: เอฟเฟกต์ Parallax, เอฟเฟกต์ของบล็อกที่ปรากฏขึ้นเมื่อเลื่อน, การเลื่อนอย่างราบรื่น, การรักษาที่แตกต่างกัน และโดยเฉพาะบล็อกของพอร์ตโฟลิโอนั้นเองเทมเพลตนี้ไม่มีค่าใช้จ่ายใดๆ ทั้งสิ้นและเหมาะสำหรับฟรีแลนซ์ทุกอาชีพด้านไอที
กง
ซิกาวี
เทมเพลต HTML ผลงานของนักออกแบบ- ในหน้าจอแรก คุณสามารถวางรูปภาพ แนะนำตัวเอง และเขียนความสามารถพิเศษของคุณได้บล็อกส่วนใหญ่ในเทมเพลตเป็นบล็อกเดียวกับที่เราต้องการเห็นในหน้า Landing Page มาตรฐาน
ถ้ามันมีสีสันฉันจะเปลี่ยนมัน ฉันต้องกำจัดมันออกไปแล้ว MyFolioวิดมินนี่
ผลงานด้านเดียวที่ปรับเปลี่ยนได้ ในโทนสีเขียว- การแบ่งแบ่งออกเป็นสามหน้าจอที่มีความสูง 100%หน้าจอแรกคือรูปภาพและข้อมูลสั้นๆ เกี่ยวกับฟรีแลนซ์ อีกจอเป็นพอร์ตโฟลิโอดูส่วนที่เหลือ
หุ่นยนต์ 8 ตัวจากพอร์ตโฟลิโอของคุณในการเลี้ยงบอล
- นั่นคือทั้งหมดที่คุณต้องพัฒนา แค่นั้นเอง
รูปภาพของคุณจะอัปเดตให้สอดคล้องกับกิจกรรมของคุณบน Dribbbleหน้าจอที่สาม – ข้อมูลการติดต่อ
เคลวินเทมเพลต HTML5 CSS3 สากลที่ชัดเจน
แม้แต่ Ceevee ก็ยังเดาได้ว่ามีอะไรมากกว่านั้น และความสำคัญของแนวคิดเรื่องบล็อกที่มีก้นก็แสดงเป็นกราฟที่แสดงถึงทักษะของฟรีแลนซ์ ความเป็นไปได้ของการพูดคุยด้วยตนเองโดยละเอียดผ่านการใช้บล็อกต่างๆ ได้รับการโอนย้ายแล้ว.ปอร์ติโอ
เทมเพลตสากลที่ยอดเยี่ยม แม้ว่าจะมีหลายจุดที่ฉันจะไม่ทำให้เสีย: แบบอักษรโง่ ๆ ปุ่มที่ไม่ดีบางทีบางคนอาจต้องการตัวเลือกนี้
เทมเพลต HTML Yak nyak – โทนสีที่สดใสหากคุณแก้ไขสไตล์ CSS เพียงเล็กน้อย คุณก็จะได้รับผลลัพธ์ที่ยอดเยี่ยมท่าเรือ
ไม่มีค่าใช้จ่าย และฉันหมายถึงเทมเพลตด้านเดียวที่หรูหราซึ่งใช้ Bootstrap
ฉันชอบองค์ประกอบสีแดงที่ทำงานอยู่เป็นพิเศษ บล็อกที่มีก้นนั้นทำงานเหมือนกับตาข่ายพับ และนั่นก็ถือเป็นข้อดีเทมเพลตนี้จะเป็นโซลูชันที่มีประโยชน์สำหรับการสร้าง ผลงานของนักออกแบบเว็บไซต์หรือโปรแกรมเมอร์เฮกซาเทมเพลตแบบเรียบที่มีสีสันสดใสพร้อมแถบเลื่อนและหมวกที่มีรูปแบบสีเฉพาะตัว – สีเขียว
ด้วยโซลูชันนี้ คุณสามารถสร้างเว็บไซต์นามบัตรที่ยอดเยี่ยมพร้อมบั้นท้ายและบล็อกได้
ฟรีแลนซ์
สไตล์แบนด้านเดียว และหมากฝรั่งสีเขียวใกล้ฝั่งลงจอดเราใช้ไดอะแกรมต่างๆ เพื่อแสดงระดับของผู้มาใหม่ในโปรไฟล์กิจกรรมของพวกเขา - แค่นั้นเอง
นอกจากนี้ยังมีแถบเลื่อนพร้อมคลิกเกอร์และบล็อกที่มีตารางสวยงามพร้อมรูปถ่ายที่คุณสามารถใช้เพื่อสาธิตผลงานของคุณได้ ดริบเบิล โฟลิโอ V2เบซคอชตอฟนี เทมเพลตพร้อมพอร์ตโฟลิโอต่ออายุอัตโนมัติ- ผลงานนำเข้าจากเว็บไซต์ เลี้ยงบอล- ก่อนวิโคริสตันยัมการตัดสินใจคืออะไร
อย่าลืมตั้งค่าการรวมเข้ากับโปรไฟล์ Dribbble ของคุณ
ขออภัย ไม่มีการสาธิต ท่าเรือต้นฉบับ เทมเพลต html css ในโทนสีม่วงสำหรับการสร้างเว็บไซต์ส่วนตัวนี่เป็นธีมที่มีหน้าสมบูรณ์ โดยมีหน้าหลักในรูปแบบของหน้าเดียว และยังมีหน้าภายในในแบบของตัวเองด้วย
ไปตึกกันเถอะ
เว็บไซต์อิสระพิเศษ เป็นพิเศษใด ๆในความคิดของเรา พับและออกแบบด้วยสายตาอย่างมีความสามารถ นี่เป็นองค์ประกอบสำคัญของเว็บไซต์หรือบล็อกพิเศษ ไม่ว่าจะเป็นผู้เชี่ยวชาญที่ประสบความสำเร็จในระดับดีเยี่ยมในกิจกรรมทางวิชาชีพของเขา
หน้าพอร์ตโฟลิโอพร้อมเสียงที่เป็นเอกลักษณ์หรือภาพสรุป ซึ่งคุณสามารถแสดงให้ผู้อ่านและผู้เยี่ยมชมเว็บไซต์/บล็อกเห็นได้อย่างชัดเจน ตัวเลือกของงานที่นำมาใช้ล่าสุด ไม่ว่าจะเป็นรูปถ่าย สิ่งพิมพ์ องค์ประกอบการออกแบบ ฯลฯ . ฉันไม่มีด้านนั้น ในทางกลับกัน มีการกำกับดูแลที่ต้องแก้ไขโดยเร็วที่สุด ซึ่งฉันมีอำนาจช่วงเวลาแห่งเดนมาร์ก ฉันกำลังทำงาน.ในพื้นที่อันไม่มีที่สิ้นสุด การวัดระดับโลกก็สามารถรู้ถึงความยิ่งใหญ่ได้
เทมเพลตสำเร็จรูป หน้าสำหรับจัดพอร์ตโฟลิโอและความหลากหลายของหน้าดังกล่าวน่าประทับใจจริงๆดังนั้นใครก็ตามที่ต้องการเจาะลึกรายละเอียดปลีกย่อยทั้งหมดของการออกแบบและพัฒนาเว็บไซต์จะสามารถค้นหาตัวเลือกที่เหมาะสมสำหรับตัวเองได้ในไม่ช้า
เค้าโครงพื้นฐานประกอบด้วยสององค์ประกอบหลัก อินเตอร์เฟซโคริสตูวัคอย่างที่เราสามารถทำได้ โดยการนำทางผ่านแท็บต่างๆ เพื่อกรองหมวดหมู่ของการนำเสนอหุ่นยนต์ และตารางของภาพขนาดย่อเองพร้อมกับเอฟเฟกต์ของลายเซ็นที่ผสานเมื่อโฮเวอร์
ในการเริ่มต้น เพื่อให้ทุกอย่างทำงานได้ คุณจะต้องมี jQuery เวอร์ชันไม่ต่ำกว่า 1.7.0 :
หากคุณยังไม่มีการเชื่อมต่อ ให้เพิ่มแถวนำหน้าแท็ก
< script type= "text/javascript" >เปิดปลั๊กอิน MixItUp เข้าไปในหุ่นยนต์ ใส่โค้ดนี้หลังไฟล์อื่นๆ: |
$(function () ( var filterList = ( init: function () ( $("#portfoliolist" ) ) mixitup(( targetSelector: ".portfolio" , filterSelector: ".filter" , เอฟเฟกต์: [ "fade" ) , การค่อยๆ เปลี่ยน : "snap" , // เรียกเอฟเฟกต์โฮเวอร์ onMixEnd: filter. find(".label" ) . animate(( Bottom: 0 ) , "easeOutQuad" ) ) , 500 , "easeOutQuad" ) ; ) , function () ( $(this) . find(".label" ) . stop() . animate(( ด้านล่าง: - 40 ) , 200 , "easeInQuad" ) ; this) .find("img" ) .stop( ) .animate(( บนสุด: 0 ) , 300 , "easeOutQuad" ) ) ; ) ) ;รายการตัวกรอง.
ดูการกำหนดค่าทั้งหมดของปลั๊กอินอย่างใกล้ชิด ไม่ต้องสงสัยเลยว่าคุณจะสามารถเลือกตัวเลือกที่ดีที่สุดตามการตั้งค่าได้ .
หากคุณต้องการทดลองกับพารามิเตอร์อยู่แล้ว จงใจดี ทุกอย่างอยู่ในอำนาจของคุณ
< link rel= "stylesheet" href= "css/normalize.css" > < link rel= "stylesheet" href= "css/layout.css" > |
หากต้องการกำหนดเค้าโครงของหน้าและรูปลักษณ์ใหม่ขององค์ประกอบ ให้เชื่อมต่อไฟล์สองสามไฟล์เข้ากับเอกสาร
< ul id= "filters" class = "clearfix" > < li>< span class = "filter active" data- filter= "app card icon logo web" >หนึ่งไฟล์สำหรับสไตล์พื้นฐาน เช่น:layout.css และไฟล์ CSS ขนาดเล็กอีกไฟล์ Normalize.css เพื่อให้แน่ใจว่าองค์ประกอบการออกแบบมาตรฐานของเบราว์เซอร์จะใช้งานได้ดีขึ้น: span> li> < li>< span class = "filter" data- filter= "app" >บัดนี้เรามาดูทุกสิ่งตามลำดับตามสิ่งที่เป็นไปได้โดยไม่ต้องมีน้ำมากเกินไป เข้าถึงได้และเข้าใจได้ สำหรับวิญญาณที่รักและทุกข์มั่งคั่งของฉัน span> li> < li>< span class = "filter" data- filter= "card" >หนวด span> li> < li>< span class = "filter" data- filter= "icon" >โปรแกรม span> li> < li>< span class = "filter" data- filter= "logo" >นามบัตร span> li> < li>< span class = "filter" data- filter= "web" >ไอคอน span> li> ul> |
- หนึ่งไฟล์สำหรับสไตล์พื้นฐาน เช่น:layout.css และไฟล์ CSS ขนาดเล็กอีกไฟล์ Normalize.css เพื่อให้แน่ใจว่าองค์ประกอบการออกแบบมาตรฐานของเบราว์เซอร์จะใช้งานได้ดีขึ้น:
- บัดนี้เรามาดูทุกสิ่งตามลำดับตามสิ่งที่เป็นไปได้โดยไม่ต้องมีน้ำมากเกินไป เข้าถึงได้และเข้าใจได้ สำหรับวิญญาณที่รักและทุกข์มั่งคั่งของฉัน
- หนวด
- โปรแกรม
- นามบัตร
- ไอคอน
โลโก้
การออกแบบเว็บ แผงนำทางประกอบด้วยรายการงานและหมวดหมู่ทั้งหมดเราจำเป็นต้องเชื่อมโยงหมวดหมู่พอร์ตโฟลิโอผ่านแอตทริบิวต์ data-cat กับสิ่งนี้และรายการอื่นในแผงนำทางกับค่าในแอตทริบิวต์ data-filter
< div id= "portfoliolist" > < div class = "portfolio logo" data- cat= "logo" > < div class = "portfolio-wrapper" > < img src= "img/portfolios/logo/5.jpg" alt= "" /> < div class = "label" > < div class = "label-text" > < a class = "text-title" >วิธีการตั้งค่าตัวกรองข้อมูลเป็น data-cat คือการกรองรายการพอร์ตโฟลิโอตามหมวดหมู่ a> < span class = "text-category" >นามบัตร span> div> < div class = "label-bg" > div> div> div> div> ......... div> |
โปรดทราบว่าคุณสามารถเพิ่มข้อความของคุณลงในรูปภาพหรือลงในลายเซ็นได้โดยตรง เพื่อให้ลูกค้าสามารถมั่นใจได้ว่าจะทำงานทั้งหมดของคุณ
ซีเอสเอส
ตอนนี้ เรามาต่อกันที่ขั้นตอนสุดท้ายอย่างเงียบๆ ไปสู่การสร้าง CSS ของสไตล์ขั้นสูงของอินเทอร์เฟซไคลเอนต์ของหน้าพอร์ตโฟลิโอของเราและเวอร์ชันที่ปรับเปลี่ยนได้
ฉันจะแสดงความหมายพื้นฐาน (เบื้องหลัง) ให้กับคุณ เพื่อให้ทุกสิ่งที่คุณต้องการสามารถดาวน์โหลดได้ในการสาธิต หากไม่มีภาพพื้นหลังหรือแบบอักษรที่เชื่อมต่อ หรือคุณสามารถค้นหาได้ในไฟล์เก็บถาวรพร้อมไฟล์ที่เผยแพร่ .container(ตำแหน่ง: สัมพันธ์; ความกว้าง: 960px; ระยะขอบ: 0 อัตโนมัติ;/* คุณสามารถเปลี่ยนจำนวนการเปลี่ยนเมื่อเปลี่ยนขนาดหน้าต่างเบราว์เซอร์ */ -webkit-transition: ง่ายทั้งหมด 1 วินาที;-Moz-transition: ง่ายทั้งหมด 1 วินาที; -o-transition: ง่ายทั้งหมด 1 วินาที;การเปลี่ยนแปลง: ความสะดวกทั้งหมด 1 วินาที; ) #filters ( อัตรากำไร : 1% ; padding : 0 ; list-style : none ; ) #filters li ( float : left ; ) #filters li span ( display : block ; padding : 5px 20px ; การตกแต่งข้อความ : none ; : #666;/* เพิ่มเฉดสีให้กับข้อความเล็กน้อย */ ข้อความเงา : 1px 1px #FFFFFF;เคอร์เซอร์: ตัวชี้; |
คอนเทนเนอร์ ( ตำแหน่ง: สัมพันธ์; ความกว้าง: 960px; ระยะขอบ: 0 อัตโนมัติ; /* คุณสามารถเปลี่ยนจำนวนการเปลี่ยนเมื่อเปลี่ยนขนาดหน้าต่างเบราว์เซอร์ */ -webkit-transition: all 1s Ease; -moz-transition: all 1s Ease; -o- การเปลี่ยนแปลง: ความง่ายทั้งหมด 1 วินาที; การเปลี่ยนแปลง: ความง่ายทั้งหมด 1 วินาที; ) #filters ( อัตรากำไรขั้นต้น: 1%; การขยาย: 0; list-style: ไม่มี; ) #filters li ( float: left; ) #filters li span ( จอแสดงผล : block; padding:5px 20px;text- decoration:none;color:#666;/* เพิ่มเงาเล็กน้อยให้กับข้อความ */ text-shadow: 1px 1px #FFFFFF; ) /* เปลี่ยนพื้นหลังหมวดหมู่ บนโฮเวอร์ */ li span :hover ( พื้นหลัง: #34B7CD; text-shadow: 0 0 2px #004B7D; สี:#fff; ) /* พื้นหลังของรายการหมวดหมู่ที่ใช้งานอยู่ */ #filters li span.active ( พื้นหลัง: rgb (62, 151, 221) ) ; ข้อความเงา: 0 0 2px #004B7D; สี:#fff;
ขนาด: ขอบกล่อง; ความกว้าง:23%; ระยะขอบ:1%; จอแสดงผล:ไม่มี; ลอย:ซ้าย; ล้น: ซ่อน; ) .po rtfolio-wrapper ( ล้น: ซ่อนไว้; ตำแหน่ง: ญาติ !สำคัญ; พื้นหลัง: #666; เคอร์เซอร์:ตัวชี้; ) .portfolio img ( ความกว้างสูงสุด:100%; ตำแหน่ง: ญาติ; ) /* สำหรับการลงทะเบียน * / .portfolio .label ( ตำแหน่ง: สัมบูรณ์; ความกว้าง: 100%; ความสูง:40px; ด้านล่าง:-40px; ) . ผลงาน .label-bg ( พื้นหลัง: rgb(62, 151, 221); ความกว้าง: 100%; ความสูง:100%; ตำแหน่ง: สัมบูรณ์; บน:0; ซ้าย:0; ) .portfolio .label-text ( สี:# ปิด, ตำแหน่ง: สัมพันธ์, ดัชนี z:500; การขยาย: 5px 8px;ในอีกส่วนหนึ่ง ในสไตล์ชีทเดียวกัน คุณสามารถสร้างส่วน CSS ทางเลือกได้โดยใช้คำสั่งสื่อหลายรายการ
เพื่อให้แน่ใจว่าเลย์เอาต์ของเพจของเราแสดงอย่างถูกต้องบนหน้าจอของอุปกรณ์มือถือต่างๆ เราจึงเพิ่มกฎ CSS ทางเลือกสำหรับ หน้าจอที่แตกต่างกันในส่วนนี้ เราเองสามารถกำหนดกฎใดๆ ที่กำหนดไว้ก่อนหน้านี้ในตาราง CSS ของเราใหม่สำหรับเบราว์เซอร์หลักๆ ได้อย่างง่ายดาย และบรรลุความสามารถในการปรับตัวที่สำคัญที่สุดเช่นเดียวกัน/* Tablet */ @media only screen และ (ความกว้างขั้นต่ำ : 768px ) และ (ความกว้างสูงสุด : 959px ) ( .container ( width : 768px ; ) ) |
/* แท็บเล็ต */ @media only screen และ (ความกว้างขั้นต่ำ: 768px) และ (ความกว้างสูงสุด: 959px) ( .container ( width: 768px; ) ) /* มือถือ - หมายเหตุ: ออกแบบสำหรับความกว้าง 320px*/ @media เท่านั้น screen และ (ความกว้างสูงสุด: 767px) ( .container ( width: 95%; ) #portfoliolist .portfolio ( width:48%; Margin:1%; ) ) /* มือถือ - หมายเหตุ: ออกแบบสำหรับความกว้าง 480px */ @media เฉพาะหน้าจอและ (ความกว้างขั้นต่ำ: 480px) และ (ความกว้างสูงสุด: 767px) ( .container ( width: 70%; ) )
นั่นคือทั้งหมดที่
เพจที่ยอดเยี่ยมของเราภายใต้ชื่อ “ผลงาน” พร้อมแล้ว โดยจะไม่นึกถึงหุ่นยนต์ที่น่าอัศจรรย์และมีความสำคัญไม่น้อยอีกต่อไป และจะถูกแสดงให้ทุกคนได้เห็น
คุณยังสามารถเขียนเกี่ยวกับตัวเองอย่างเงียบๆ และสุภาพได้
อย่าหักโหมจนเกินไปในเรื่องนี้
ดูตัวอย่างอีกครั้ง และถ้าเป็นไปได้ คุณสามารถทำงานนี้ให้เสร็จหากเป็นไปได้ในสภาพแวดล้อมของบ้านที่เงียบสงบ ในชั่วโมงแห่งการสร้างบทเรียน สื่อวิโครีได้ถูกสร้างขึ้น: .ต้นฉบับ สะอาด เรียบร้อย จากปากกาผู้เขียน ด้านพอร์ตโฟลิโอ อยู่ที่นั่น
ขอให้ทุกคนโชคดีและขอให้ร่างกายโชคดี ใช้เวลาที่เหลือของฤดูร้อนอันแสนสั้นนี้! เรากำลังเรียนบทเรียนต่อเนื่องกับเค้าโครงของไซต์ตั้งแต่เริ่มต้น - เราสร้างหมวกให้กับโมเดลถัดมาเป็นบล็อกภาพถ่ายที่ยอดเยี่ยมหนึ่งภาพ
บล็อกนี้อยู่ที่หน้าจอเบราว์เซอร์แรกและอยู่ตรงกลางบัญชีของคุณด้วย
อย่างไรก็ตามนอกจากไฟแล้วเอาท์พุตยังเป็นเทมเพลตทั่วไปในสไตล์ยอดนิยม
แบน การออกแบบที่คุณสามารถสร้างเองได้โดยการแทนที่ข้อความและรูปถ่ายการออกแบบแบบแบนโดดเด่นด้วยสีที่ตัดกัน
หน้าทั้งหมดถูกแบ่งออกเป็นหลายบล็อก โดยที่บล็อกแสงจะเข้ามาแทนที่บล็อกสีเข้ม ดังนั้นความสูงทั้งหมดของหน้าจึงถูกแบ่งออกเป็นหลายหน้าจอ
สกินบล็อกมีหน้าที่รับผิดชอบในการลบเนื้อหาใหม่ เค้าโครงทั้งหมดประกอบด้วยส่วนหัว หลายส่วน และชั้นใต้ดินภาพ ผลงานเกี่ยวกับฉัน
แบบฟอร์มและการติดต่อ
พื้นหลัง: url("your_image.jpg") ไม่ซ้ำ;
ทุกวันฉันคิดถึงเรื่องที่สำคัญสำหรับเรามาก
แต่ฉันไม่ได้สังเกตด้วยซ้ำว่าการ "ลูบไล้" และ "ส่งเสียงกระเพื่อม" ของคุณทำให้ฉันประทับใจ
ค้นหาข้อมูลเพิ่มเติม รหัสสำหรับ
สไตล์.css:
ไม้ถูพื้น_bg(
พื้นหลัง: url (images/articles/html_coding_banner.jpg) ไม่ทำซ้ำ;
}
ขนาดพื้นหลัง: 100%; 100%;
.mops_text(
}
ช่องว่างภายใน: 20% 0%;
.mops_text h2 (
สี: #fff;
ขนาดตัวอักษร: 2.9em;
น้ำหนักตัวอักษร: 600;
ดัชนี z: 10;
การจัดแนวข้อความ: กึ่งกลาง;
ตำแหน่ง: ญาติ;
}
/* ระบุตำแหน่งของส่วนหัว */
ขอบบน: -140px;
.mops_text ช่วง h2 (
}
ขนาดตัวอักษร: 1.1em;
.mops_text h2 (
น้ำหนักตัวอักษร: 290;
ดัชนี z: 10;
.mops_text พี(
ขนาดตัวอักษร: 1.2em;
ระยะขอบ: 1.4em อัตโนมัติ;
ความกว้าง: 76%;
}
น้ำหนักตัวอักษร: 200;
ความสูงของเส้น: 1.3em;
.mops_text .ดา-ก้น (
.mops_text h2 (
จอแสดงผล: บล็อก;
สีพื้นหลัง: #a97b7b;
ขนาดตัวอักษร: 1em;
การแปลงข้อความ: ตัวพิมพ์ใหญ่;
ดัชนี z: 10;
ระยะขอบ: 0 อัตโนมัติ;
}
ความกว้าง: 10%;
ช่องว่างภายใน: 1em 2em; .da-ชน (ตำแหน่ง: แน่นอน;
-
}
การวางตำแหน่งอย่างแน่นอน
{
ปุ่ม */
}
ซ้าย: 750px;
ด้านบน: 370px;
/* เข้าถึงขอบของเบราว์เซอร์ */
ความสูงของเส้น: 1.3em;
.mops_text .da-butt:โฮเวอร์
พื้นหลัง:#d0a5a5;
.ชน-img(
ความกว้าง: 50px;
ความสูง: 50px;
ระยะขอบ: 2em อัตโนมัติ 1em;
พื้นหลัง: url (รูปภาพ/บทความ/html_coding_buttonimg.png);
-webkit-transition: ง่ายต่อการเข้า - ออก 0.5 วินาที;
/* การเปลี่ยนแปลงที่ราบรื่น */
}
-Moz-transition: ความง่ายในการเข้า-ออก 0.5 วินาทีทั้งหมด;
ความสูงของเส้น: 1.3em;
ด้านบน: 370px;
/* เข้าถึงขอบของเบราว์เซอร์ */
/* การเปลี่ยนแปลงที่ราบรื่น */
}
-o-transition: ความง่ายในการเข้า-ออกทั้งหมด 0.5 วินาที;
/* การเปลี่ยนแปลงที่ราบรื่น */
-ms-transition: การค่อยๆ เข้า-ออก 0.5 วินาที;
/* การเปลี่ยนแปลงที่ราบรื่น */
การเปลี่ยนแปลง: ความง่ายในการเข้าออกทั้งหมด 0.5 วินาที;
/* การเปลี่ยนแปลงที่ราบรื่น */
ตำแหน่ง: ญาติ;
/* ตำแหน่งที่แน่นอนของลูกศร */
ซ้าย: 210px; ด้านบน: 130px;/* ไปหาพ่อ */
.but-img:โฮเวอร์(
พื้นหลัง: url (รูปภาพ/บทความ/html_coding_buttonimgh.png);
คุณสามารถประหลาดใจกับผลลัพธ์ของหุ่นยนต์ได้
ฉันกำลังออกแบบเค้าโครงเว็บไซต์
ข้อดีของการร่วมงานกับฉัน:
-ถึงบ้านปุ๊บจ่ายเงินทันทีไม่โทรมา
- ฉันกำลังปล้น shvidko
ลัทธิยากิสม์ไม่ได้รับความทุกข์ทรมานจากสิ่งนี้
ถ้าคุณชอบ คุณสมควรได้รับมัน คุณจ่ายมันไปทุกอย่าง คุณจะแย่ลงอย่างไม่มีที่เปรียบ
- โทรหาฉันแบบรายเดือนหรือผ่อนชำระ
เมื่อชำระเงินส่วนนั้นแล้ว คุณได้ตรวจสอบการชำระเงินแล้ว
– ฉันกำลังปรับเปลี่ยนอย่างใจเย็นหลังจากงานเสร็จสิ้นอย่างที่มันจะเป็น
- เนื่องจากฉันทำไม่ได้ในตอนนี้ คุณจึงควรหาข้อมูลก่อนที่มันจะได้ผล และไม่ทำทีหลัง คุณสมบัติ:- ฉันจ่ายมากกว่าไม่มีอะไรเลย
นี่อาจเป็นทั้งไซต์ ด้านข้าง บล็อกด้านข้าง และอื่นๆ
ดังนั้นฉันจึงไม่แก้ไขเลย์เอาท์ของคนอื่น
- ไม่ใช่ วิคโครี บูทสแตรป. Vin สำหรับการสร้างต้นแบบหรือการเปิดตัวของสวีเดน
และไม่ใช่สำหรับการออกแบบปกติ