ka81

and of course, download firstly latest version – 0.9.1 – https://downloads.www.ads-software.com/plugin/anyfont.0.9.1.zip
before upload all new files to yuor plugin root – deactivate anyfont plugin.

can you make screenshots of every step of what you’re doing and where..

P.S. what browsers are you using while in admin panel??

well, step by step my actions:
1) created a file azindex.php and placed it into /themes/simple-notepad/ with CHMOD 777

2) in admin panel Theme editor (/wp-admin/theme-editor.php?file=/themes/simple-notepad/azindex.php&theme=Simple+Notepad) i added your code to azindex.php:

<?php
/*
Template Name: Tag Index
*/

get_header();

$valid_characters = range( 'a' , 'z' );
$valid_numbers = array(1,2,3,4,5,6,7,8,9,0);

$nav = array();
// Build nav array
foreach( $valid_characters as $key => $character )
	$nav[] = '<a href="' . get_permalink( $post->ID ) . '?tags=' . $character . '">' . strtoupper( $character ) . '</a>';
foreach( $valid_numbers as $key => $number )
	$nav[] = '<a href="' . get_permalink( $post->ID ) . '?tags=' . $number . '">' . $number . '</a>';

// Array to hold tags, needs to be set, so the empty check works when none of the switch cases hit a match (for whatever reason)
$tags = array();
// Array that will hold arrays of tags based on their first letter
$tag_array = array();

// Main switch
switch( true ) {
	// If request for tag with particular letter
	case ( isset( $_GET['tags'] ) ):
		// If it's in the arrays created earlier, get tafs and sort into array
		case ( in_array( $_GET['tags'] , $valid_characters ) || in_array( $_GET['tags'] , $valid_numbers ) ):
			$tags = get_terms( 'post_tag' , "hide_empty=0&name__like=$_GET[tags]" );

			if( !empty( $tags ) ) {
				foreach( $tags as $tag ) {
					$tag_array[$tag->name{0}][] = '<li><a href="'.get_tag_link( $tag->term_id ).'">'.$tag->name.'</a></li>';
				}
			}
		break;
	break;
	case ( !isset( $_GET['tags'] ) ):
	default:
		$tags = get_terms( 'post_tag' , 'hide_empty=0' );

		if( !empty( $tags ) ) {
			foreach( $tags as $tag ) {
				$tag_array[$tag->name{0}][] = '<li><a href="'.get_tag_link( $tag->term_id ).'">'.$tag->name.'</a></li>';
			}
		}
	break;
}
// If theres only one item in the array ( well one key ) , then it's a requested tag letter, so add a "Show all" link at the start of the nav
if( count( $tag_array ) == 1 ) array_unshift( $nav , '<a href="' . get_permalink( $post->ID ) . '">Show all</a>' );
?>

<div id="content" class="widecolumn">
	<!-- Feel free to add regular stuff you want here, like the_content() etc. -->
	<div class="nav">
		<?php
			// Imploding an array is an easy and reliable way to create a string with seperators
			echo implode( ' | ' , $nav );
		?>
	</div>
<?php
	// If there's tags in the array
	if( !empty( $tag_array ) ) {
		foreach( $tag_array as $character => $character_tags ) {
		?>
			<div class="tagindex">
				<h4><?php echo $character; ?></h4>
				<ul class="links">
					<?php foreach( $character_tags as $key => $tag ) { echo $tag; } ?>
				</ul>
			</div>
		<?php
		}
	}
	else {
		?>
		<h4>No tags found</h4>
		<?php
	}
	?>
</div>
</div>
<?php get_footer(); ?>

3) added a new page (/wp-admin/page-new.php) with empty textarea.
on the right side i choose Tag Index for template.

4) finaly, we have https://x-files.net.ua/?page_id=1266

—-
problem:
clicking on any letter, we will get to page where will be all the tags, not what we choose.

P.s.

well, if you’ll get smth on your mind about my problem, that whould be great to have some advise from you.

about author of code: i look through https://wordpress.pastebin.ca/1730939 and just can’t get how to contact to author… would you please point me?..

https://x-files.net.ua/?page_id=1266

2) when click (fo example) on letter E – we don’t get a page with only E-tags.
https://x-files.net.ua/?page_id=1266?tags=e – not only E, but all tags.

3) the list of tags is not exluding what i need to exclude. is it possible to exclude?
i’m using a https://www.ads-software.com/extend/plugins/template-tag-shortcodes/ plugin with this code:
[wp_tag_cloud smallest=8 largest=10 number=10000 order=ASC exclude=16,58,59,60,61,62,63,64,65,66,67,68,69,70,72,71,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,90,101,102,103,104,105,106,107,108,109,110,112,113,114,115,116,117,118,119,120,121,122,123,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,213,354,355,380,381]
.

t31os_

help please….

mark this topic as resolved plz.

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both;
	display:block;

yeah!!
thanx a lot!!!
all i wanted:
a) thumbnails inline
b) thumbnails centered
!!!
thanx!!!

it’s inline now, but on the left side again.. ??

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
        display: inline-block;
}

.ngg-gallery-thumbnail {
	margin-right: 5px;
	text-align: center;
	display: inline-block;
}

https://www.ads-software.com/support/topic/347463?replies=6#post-1343684

thanx for advise.
I changed it to be centered (see the link in first post)
but now all thumbnails are vertically positioned (not inline)!!
How to place them inline??

here’s my /wp-content/plugins/nextgen-gallery/css/nggallery.css
(Next-Gen version – the latest)

/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both;
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also https://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	margin-right: 12px;
	text-align: center;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important;
	text-align:left;
	width:120px;
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}

.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px;
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both;
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail {
	margin-right: 5px;
	text-align: center;
	display: inline-block;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;

}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {

}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	outline: none;
}

.slideshowlink {

}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px;
	padding:1px;
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;
}

.ngg-galleryoverview div.pic img{
	width: 100%;
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}

latest version is ok. no problems!

<meta name="generator" content="WordPress 2.8.6" />

author or anybody – help please…

1) the footer is missed ??
i just can’t understand what to change in your code.

that one is dealed. was a problem with missing </div>.

but the main problems still exist.