Author Topic: seperators in external links  (Read 135 times)

0 Members and 1 Guest are viewing this topic.

Offline txweather.org

  • Forecaster
  • *****
  • Posts: 1334
    • Texas Weather
seperators in external links
« on: April 09, 2019, 07:02:20 AM »
Team,

I am trying to add separator on my external links of my side menubar.php

Like the attached image

How can I do that? :)

TIA!

----
Davis Vantage Pro2 Plus +FARS|Meteobridge Nano SD|Meteohub|Meteobridge MR-3020|WU KTXSPRIN75/PWS JRARGWX75/CWOP EW2972/WBB TXWDVUE75/Blitzortung ID: 1142|AWEKAS: 12095

Online saratogaWX

  • Administrator
  • Forecaster
  • *****
  • Posts: 7271
  • Saratoga, CA, USA Weather - free PHP scripts
    • Saratoga-Weather.org
Re: seperators in external links
« Reply #1 on: April 09, 2019, 01:22:28 PM »
On my site, it's done with CSS by adding to

.leftSideBar a {

border-bottom: 1px solid blue;

}
Ken True/Saratoga, CA, USA main site: saratoga-weather.org
Davis VP1+ FARS, Boltek-PCI/NexStorm, microSferics ToA, Blitzortung RED, GRLevel3, WD, WL, VWS, Cumulus, Meteobridge/hub
Free weather PHP scripts/website templates - update notifications on Twitter saratogaWXPHP

Offline txweather.org

  • Forecaster
  • *****
  • Posts: 1334
    • Texas Weather
Re: seperators in external links
« Reply #2 on: April 09, 2019, 01:49:28 PM »
On my site, it's done with CSS by adding to

.leftSideBar a {

border-bottom: 1px solid blue;

}

Thanks for your help @saratogaWX!

Does this look right?

.leftSideBar a {
display: block;
color: #336699;
background-color: transparent;
width: 89px;
padding: .05em;
text-decoration: none;
border-bottom: 1px solid black;
}

----
Davis Vantage Pro2 Plus +FARS|Meteobridge Nano SD|Meteohub|Meteobridge MR-3020|WU KTXSPRIN75/PWS JRARGWX75/CWOP EW2972/WBB TXWDVUE75/Blitzortung ID: 1142|AWEKAS: 12095

Online saratogaWX

  • Administrator
  • Forecaster
  • *****
  • Posts: 7271
  • Saratoga, CA, USA Weather - free PHP scripts
    • Saratoga-Weather.org
Re: seperators in external links
« Reply #3 on: April 09, 2019, 01:52:46 PM »
Yes..  You can 'play' with the CSS by using the developer tools in your browser.  They will allow you to dynamically change the CSS, and when it looks the way you want it to, you can apply the same changes to your .css file to make it permanent.
Ken True/Saratoga, CA, USA main site: saratoga-weather.org
Davis VP1+ FARS, Boltek-PCI/NexStorm, microSferics ToA, Blitzortung RED, GRLevel3, WD, WL, VWS, Cumulus, Meteobridge/hub
Free weather PHP scripts/website templates - update notifications on Twitter saratogaWXPHP

Offline txweather.org

  • Forecaster
  • *****
  • Posts: 1334
    • Texas Weather
Re: seperators in external links
« Reply #4 on: April 09, 2019, 01:59:03 PM »
Thanks!

----
Davis Vantage Pro2 Plus +FARS|Meteobridge Nano SD|Meteohub|Meteobridge MR-3020|WU KTXSPRIN75/PWS JRARGWX75/CWOP EW2972/WBB TXWDVUE75/Blitzortung ID: 1142|AWEKAS: 12095

 

anything