3.1.x SnippetsChange the links colour in mchat

Snippets
Previous topicNext topic
[phpBB Debug] PHP Warning: in file [ROOT]/vendor/twig/twig/src/Template.php on line 359: Array to string conversion
Array

Topic Author
martin
Admin
Admin
Status: Offline
User theme: Dark
Posts: 5123
Joined: Apr 6th, '14, 14:12
    Windows 8 Chrome

Change the links colour in mchat

Post by martin »

Change the colour of internal links in mchat the links colours are pulled from the themes files but dont look right so lets change

Using prosilver the internal links are red and external blue.
2.png
Open mchats.css
Find This may be a partial find and not the whole line (spaces may differ)

Code: Select all

div.mChatMessage {
	padding: 3px;
	font-size: 1.1em;
	width: 98%;
}
Add after Add these lines on a new blank line after the preceding line(s) to find

Code: Select all

div.mChatMessage  .postlink-local  {    
   color: #C21017;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
div.mChatMessage .postlink-local:hover  {       
   border-bottom: 1px solid #75D975; 
   background-color:#D0E4F6;
}
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.
Image

[phpBB Debug] PHP Warning: in file [ROOT]/vendor/twig/twig/src/Template.php on line 359: Array to string conversion
Array

LEOPARD
Users
Users
Status: Offline
User theme: Dark
Posts: 14
Joined: Sep 8th, '16, 19:55
    Windows 7 Chrome

Re: Change the links colour in mchat

Post by LEOPARD »

How to change the color of links to RC-5?

[phpBB Debug] PHP Warning: in file [ROOT]/vendor/twig/twig/src/Template.php on line 359: Array to string conversion
Array

clight77
Donator
Donator
Status: Offline
User theme: Dark
Posts: 507
Joined: Sep 24th, '15, 14:23
    Windows 10 Chrome

Re: Change the links colour in mchat

Post by clight77 »

Try this.Use your own color selections tho......
ext/dmzx/mchat/styles/prosilver/theme/mchat.css

Find:

Code: Select all

.mchat-message {
	padding: 5px !important;
	overflow: hidden;
}
Below add:

Code: Select all

.mchat-message  .postlink-local  {    
   color: #C21017;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
.mchat-message .postlink-local:hover  {       
   border-bottom: 1px solid #75D975; 
   background-color:#D0E4F6;
}

[phpBB Debug] PHP Warning: in file [ROOT]/vendor/twig/twig/src/Template.php on line 359: Array to string conversion
Array

Topic Author
martin
Admin
Admin
Status: Offline
User theme: Dark
Posts: 5123
Joined: Apr 6th, '14, 14:12
    Linux Chrome

Re: Change the links colour in mchat

Post by martin »

Yes mchat classes have changed since i posted this.

[phpBB Debug] PHP Warning: in file [ROOT]/vendor/twig/twig/src/Template.php on line 359: Array to string conversion
Array

clight77
Donator
Donator
Status: Offline
User theme: Dark
Posts: 507
Joined: Sep 24th, '15, 14:23
    Windows 10 Chrome

Re: Change the links colour in mchat

Post by clight77 »

I used this as I did not like thye BG hover, my board is dark theme tho.

Code: Select all

.mchat-message  .postlink-local  {    
   color: #7CFC00;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
.mchat-message .postlink-local:hover  {
	color: #FFFF00;
	text-decoration: none;
   border-bottom: 1px solid #F9F1F1; 
   
}

[phpBB Debug] PHP Warning: in file [ROOT]/vendor/twig/twig/src/Template.php on line 359: Array to string conversion
Array

Topic Author
martin
Admin
Admin
Status: Offline
User theme: Dark
Posts: 5123
Joined: Apr 6th, '14, 14:12
    Windows 10 Chrome

Re: Change the links colour in mchat

Post by martin »

I'm now using this so its board wide not just mchat.

Code: Select all

.postlink-local  {    
   color: #C21017;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
.postlink-local:hover  {       
    border-bottom: 1px solid #5D8FBD; 
   background-color:#D0E4F6;
}

[phpBB Debug] PHP Warning: in file [ROOT]/vendor/twig/twig/src/Template.php on line 359: Array to string conversion
Array

clight77
Donator
Donator
Status: Offline
User theme: Dark
Posts: 507
Joined: Sep 24th, '15, 14:23
    Windows 10 Chrome

Re: Change the links colour in mchat

Post by clight77 »

martin wrote: Sep 11th, '16, 00:34 I'm now using this so its board wide not just mchat.

Code: Select all

.postlink-local  {    
   color: #C21017;    
   text-decoration: none;    
   border-bottom: 1px solid #5D8FBD;    
}  
     
.postlink-local:hover  {       
    border-bottom: 1px solid #5D8FBD; 
   background-color:#D0E4F6;
}
I might too, but my magic.css i faulty... lol

Previous topicNext topic