CSS分享 (1) 2024



今夕

私訊  發言  +好友

未認證 2023-04-25 18:47:36



  感謝一路走來的許多人
  不管是有沒有講過話、一起玩過單接、委託過或我委託過的任何人~
  下面分享一個簡單自用的留言板樣式
  可以自行小改 拿了幫我留個言!
  
  大部分都是CSS樣式分享板可以找到的語法 lgpps適用
  這邊有稍微整理過ㄌ!
  關於語法的問題我也就不回復了(已經忘得差不多ㄌ


好文(0)    給我的話   相本化   本主題精華文章    發表留言  

文章連結 1164334803

今夕

私訊  發言  +好友

未認證
2023-04-25 18:47:52

 預覽圖
   
   
 
 </style><br/><br/><br/><br/><br/><style/>
 #talk_content1,#talk_content2,#talk_content3,#talk_content4,#talk_content5{width:80%;}
 /*關掉表格邊框*/
 table, td, th{border:0px;}
 /*CSS:關掉小logo*/
 .logo{display:none;}
 /*CSS:關掉BASS ICON*/
 div.head{display:none;}
 /*關掉文章垂直分隔線*/
  #pm0,#pm1,#pm2,#pm3,#pm4,#pm5{display:none;}
 
 
 /*游標*/
 body,a{
 cursor:url(http://cur.cursors-4u.net/cursors/cur-5/cur464.cur),crosshair;}
 /*字體*/
 body, p, table, font,.small_head,.content,.main_frame
 {
 font-family: ms gothic,  monospace;
 font-size:10pt;
 color:#888;
 letter-spacing:0.5px; 
 line-height: 23px;
 text-align:left;}
 
 /*粗體*/
 b {font-size:15px;
 color:#B5695F;}
 
 /*主題名稱*/
 td.small_menu a b{
 font-family: Verdana,Noto Serif TC;
 font-size:40px;
 position:absolute; 
 top:7%; right:65%;
 }
 
 td.small_menu a b:hover{
 pointer-events: none;
 }
 
 /*圖片*/
 img{border:0px;
 border-radius: 19px;
 -webkit-border-radius: 19px;
 -moz-border-radius: 19px;}
 img:hover{
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 filter:alpha(opacity=90); opacity:.90;
 -webkit-transition: all 0.6s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;}
 
 /*背景*/
 body{background:url() no-repeat fixed left #F0F0F0;}
 
 /*留言板整體*/
 .main_frame{
 width:80%;
 height:70%;
 overflow:scroll;
 background-color:#f0f0f0;
 border: 0px solid #FDFDFD;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
 filter:alpha(opacity=80);opacity:.80;
 text-align:center;
 }
 
 /* 網頁捲軸【寬度】 */
 ::-webkit-scrollbar { width: 4px;height: 0px;}
 /* 網頁捲軸【背景】顏色 */
 ::-webkit-scrollbar-track { background: none;}
 /* 網頁捲軸【把手】顏色 */
 ::-webkit-scrollbar-thumb {  background: #B5695F;}
 
 
 /*首頁 論壇 設計*/
 .head_menu{display:none;}
 
 /*所有新文章*/
 div.small_menu {
 text-align:center;
 background-color:#f0f0f0;}
 
 /*標題 管理*/
 td.small_menu{
 background-color:#f0f0f0;}
 
 /*公告*/
 table.tell_content{
 background-color:#f0f0f0;
 margin:20px 0px 20px 0px;}
 
  /*CSS:將公告文字圖片置中且留言版內容靠左*/
 p{text-align:center;}
 
 /*時間 標題*/
 .small_head{display:none;}
 
 /*文章*/
 .content{
 text-align:left;
 background-color:#f0f0f0;}
 
 /*意見設定*/
 input  {
 text-align:left;
 border:1px;
 height:20px;
 background-cokor:#f0f0f0; }  
  
 /*修改主題內横線分格線顏色樣式*/
 hr{border:0px;}
 
 /*連結*/
  .content a:link    {color:#888; text-decoration: none;}
  .content a:visited {color:#888; text-decoration: none;} 
  .content a:hover   {color:#666; text-decoration: none;
  filter:alpha(opacity=90); opacity:.90;
  -webkit-transition: all 0.0s ease-in-out;
  -moz-transition: all 0.0s ease-in-out;
  -o-transition: all 0.0s ease-in-out;
  -ms-transition: all 0.0s ease-in-out;}
  
 /*字體反白*/
 ::selection {
 background:;
 color: #666;}
 ::-moz-selection {
 background:;
 color: #B5695F;}
 
 


給5  10  20  其他bm     好文(1)    意見    回覆文章    分享留言   


fei861006 : 拿了感謝!!!!!   2024-01-04 01:13
離兒 : 拿唷 謝謝><   2024-05-16 00:37

 頁數 : 0 

搜尋本版