:D snasui.com ยินดีต้อนรับ :D
ยินดีต้อนรับสู่กระดานถามตอบ Excel and VBA และอื่น ๆ ที่เป็นมิตรกับทุกท่าน มีไฟล์แนบมหาศาล ช่วยให้ท่านค้นหาและติดตามศึกษาได้โดยง่าย :thup: สมาชิกท่านใดที่ยังไม่ได้ระบุ Version ของ Excel ที่ใช้งานจริง สามารถทำตาม Link นี้เพื่อจะได้รับคำตอบที่ตรงกับ Version ของท่านครับ :arrow: ระบุ Version ของ Excel
:!: โปรดทราบ :!:
  1. กรุณาอ่านกฎการใช้บอร์ด (Forum rules) ในตำแหน่งด้านบนของแต่ละบอร์ด
  2. การสมัครสมาชิก การ Login การกู้คืนรหัสผ่าน
    1. สมัครสมาชิกดูขั้นตอนได้ที่ :arrow: สมัครสมาชิก
    2. Login เข้าระบบโดยคลิกปุ่ม Login ตรงมุมขวาบนของหน้านี้ :roll:
    3. การ Login ผ่าน Facebook ดูวิธีที่ :arrow: Login ผ่าน Facebook
    4. ลืมรหัสผ่านสามารถรับรหัสใหม่ได้ที่ :arrow: Reset รหัสผ่าน
  3. มีปัญหาการใช้งาน แจ้งผู้ดูแลระบบได้ที่ :arrow: ติดต่อผู้ดูแลระบบ
  4. กำหนดการตั้งค่าส่วนตัว เช่นตั้งค่าภาษาเป็นไทยหรืออังกฤษดูได้ที่ :arrow: ตั้งค่าส่วนตัว
  5. การตั้งและตอบกระทู้ดูได้ที่ :arrow: วิธีการตั้งและตอบกระทู้
  6. การจัดรูปแบบตัวอักษรด้วย bbcode ในช่องแสดงความคิดเห็นดูได้ที่ :arrow: จัดรูปแบบตัวอักษร
  7. กำหนดขนาดตัวอักษรใน Browser ดูได้ที่ :arrow: กำหนดขนาดตัวอักษรใน Browser

ปรับ CSS ของปุ่ม Facebook และ Google ให้เห็นเด่นชัด

ฟอรัมสำหรับฝึกแก้ปัญหา สนทนาปราศรัย Update เรื่องทั่วไป
Post Reply
User avatar
snasui
Site Admin
Site Admin
Posts: 30736
Joined: Sun Jan 24, 2010 12:33 pm
Location: Songkhla, Thailand
Excel Ver: 2010, 365
Contact:

ปรับ CSS ของปุ่ม Facebook และ Google ให้เห็นเด่นชัด

#1

Post by snasui »

:D ปรับ CSS ของ Facebook และ Google ในหน้า Login ให้เห็นเด่นชัด ดังภาพ

ที่ Them Prosilver > file colour.css > เพิ่ม code ด้านล่างที่ส่วนล่างสุด

Code: Select all

/**
 *
 * phpBB Studio - OAuth buttons
 *
 * @copyright (c) 2020, phpBB Studio, https://www.phpbbstudio.com
 * @license GNU General Public License, version 2 (GPL-2.0)
 *
 */

a[href$="facebook"] {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	background: #0033ff;
	border-color: #0033ff;
	border-radius: 4px;
	color: #ececec;
	padding: 4px 8px;
}

a[href$="facebook"]:hover {
	background: #ffffff;
	border-color: #0033ff;
	color: #ffffff;
}

a[href$="facebook"]:before {
	font-family: FontAwesome, sans-serif;
	font-size: 20px;
	font-weight: bold;
	vertical-align: -2px;
	color: #ffffff;
	margin-right: 6px;
	content: "\f09a";
}

a[href$="google"] {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	background: #e22524;
	border-color: #e22524;
	border-radius: 4px;
	color: #ececec;
	padding: 4px 8px;
}

a[href$="google"]:hover {
	background: #ffffff;
	border-color: #e22524;
	color: #ffffff;
}

a[href$="google"]:before {
	font-family: FontAwesome, sans-serif;
	font-size: 20px;
	font-weight: bold;
	vertical-align: -2px;
	color: #ffffff;
	margin-right: 6px;
	content: "\f1a0";
}
ref: https://www.phpbb.com/community/viewtop ... #p15444461
Attachments
FB_GG_CSS.png
FB_GG_CSS.png (13.98 KiB) Viewed 1434 times
Post Reply